News Pro- Primary Menu Issue

[wchl123]

I use News Pro. The design is good. My major issue is the primary menu. I want the menu to go all the way across.

I want the gap on the right removed. I tried changing the CSS. I got it fixed on IE and Firefox. Unfortunately, the changes did not work on Safari and Google Chrome.

My goal is to make the last menu item pushed over like "Home." The gap on the right needs to go, but the menu needs to look the same on the browsers mentioned above.

Any help is truly appreciated.

The current CSS is listed below:

.genesis-nav-menu {
clear: both;
color: #000;
font-size: 12.2px;
font-weight: 700;
line-height: 1.5;
width: 100%;

}

.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
margin-right: -4px;
}

.genesis-nav-menu a {
border-right: 0px solid #e3e3e3;
color: #000;
display: block;
padding: 20px 24px;
position: relative;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
background-color: #000;
color: #fff;
}

.genesis-nav-menu > .menu-item > a {
text-transform: uppercase;
}

http://whateverisonyourmindllc.com/

[Victor Font]

Remove this line: margin-right: -4px; and increase the 24 in this line to 27 or 28: padding: 20px 24px;

---

Regards,

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

[wchl123]

The suggestion did not work. I may center the menu instead. My only issue becomes the responsive drop-down menu. The menu items get pushed the right. I would like the menu items to stay in there original spot on the drop-down nevagation.

Any help is greatly appreciated.

[Author]

Posts