Strange lines in menu i can't get rid of

[Ron]

Hello all,
I'm using the News Pro theme, and I want to change the menu background to white, this is not the problem, but little lines show up between the menu links. This happens with a fresh install, with no plugins or modifications other than changing the background from #000 to #fff. I finally found the css that controls the color of these obtrusive lines, it is:

body {
background-color: #fff;
color: #444;
font-family: verdana, sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.625;
}

I can't change this color to white, as it also controls the color of the text on the page.
I need to find out what is causing these lines to appear. Please have a look at the site to see what I'm talking about, little black lines between each link in the menu.
Site: https://www.roomsdelivered.com/ocean/

Any help is greatly appreciated, I've beat my brains out 🙂
Thanks!

https://www.roomsdelivered.com/ocean/

[Victor Font]

Using the browser's built-in inspection tool, you can see extra characters inserted between each menu item's closing li element and the opening li element for the next item. There should never be any characters inserted between li elements. This is not coming from Genesis or WordPress.

I can see that you are using extra plugins to create your menu. It's most likely a plugin issue or could even be a caching issue. I would disable the extra plugins to see if the problem goes away.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[andytc]

On Line 1194 of style.css in the child theme news-pro

/* Primary Navigation  */
.nav-primary {
 border-bottom: 0px solid #0093cd;
 text-decoration: underline;
}

Change it to -

/* Primary Navigation  */
.nav-primary {
 border-bottom: 0px solid #0093cd;
 text-decoration: none;
}

text-decoration:underline is creating those lines.

[Ron]

andytc, A million Thank You's :-). So simple, and I did search the style sheet several times with Notepad ++ for "underline" because I suspected this, It said "Can't find the text "underline"", and sadly I believed it!

I'am sitting here looking at it (just where you said it was) and Notepad ++ is still telling me it can't find it, amazing.

Time for a reinstall, bug report or a different editor.

Anyway, that fixed it, yea! Thanks Again!

[Ron]

Victor, Thanks for chiming in, there was a css issue causing the immediate problem. I'm using WP Clips menu extension, which maybe causing the character problem you state. I'll look into this, thank you for bringing this to my attention. 🙂

[Author]

Posts