Navigation menu color – Magazine Pro

[vinodptMember]

I want to change the navigation menu colour scheme from default to something different.

I added this code in css
background-color: #1ebe46;

It is showing the color, but there are also gaps in between the menu items. And there is a white stretch after the last menu item. How can I get the whole menu bar to be a single, uniform color?

This is the site:
http://diamondyears.com/

http://diamondyears.com/

[Victor FontModerator]

You need to add the background color to both the nav menu (.genesis-nav-menu) and item (.genesis-nav-menu .menu-item).

---

Regards,

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

[vinodptMember]

Hi Victor,

Thanks for the reply, but it doesn't seem to work.

This is how I changed:

.genesis-nav-menu {
clear: both;
color: #1ebe46;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
width: 100%;
}

.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
background-color: #1ebe46;
}

But the white lines in between the menu names are still there. Am I doing something wrong?

http://diamondyears.com/

[Victor FontModerator]

You didn't add the background color to .genesis-nav-menu. The white lines are the color of this element.

---

Regards,

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

[vinodptMember]

Ok Victor,

That worked. Thanks a ton!

Vinod

[Author]

Posts