Divider Nav Line in Outreach

[egleason]

I've tried some css to rid the last right divider line in my nav and it's giving me an attitude. Any suggestions on hiding the last line after factory store would be greatly appreciated. It's based off of Outreach Pro.

The last fix I've used is this:

.genesis-nav-menu a {
display: block;
padding: 5px 20px;
padding: 0.5rem 2rem;
padding-right: 40px;
border-color: #000;
border-style: solid;
border-width: 0 1px 0 0;
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:hover,
.genesis-nav-menu li:hover > a {
background-color: #fff;
color: #000;
text-decoration: underline;

}

.genesis-nav-menu li:last-child a{
background: none;}

http://www.elgrecofurniture.com/

[Lauren @ OnceCoupled]

This will do it:

.genesis-nav-menu li:last-child a {
     border-right: none;
}

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[egleason]

Thank you Lauren! I am suffering from over-coding day! One more day till the weekend!

[Author]

Posts