Removing Border Right From Last Nav Item

[jessicakstudio]

I am trying to remove the border-right from my last Nav bar item.

.genesis-nav-menu > .last > a:after {
border-right: solid 1px #FFFFFF !important;
}

Is what I am trying to use now, however it is not working for me.

Any insight would be much appreciated.

Thanks,
Jessica

http://k-fancy.com/

[Tony @ AlphaBlossom]

Hello,

You can add this to your style.css file:

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

I'd add it after ".genesis-nav-menu > .menu-item > a" around line 973.

I'd recommend changing ".genesis-nav-menu > .menu-item > a" to border-left and using li:first-child instead, because of slightly better browser support:

.genesis-nav-menu > .menu-item > a {
    border-left: 1px solid #000000;
    text-transform: uppercase;
}

.nav-primary  .genesis-nav-menu > li:first-child > a {
    border-left: none;
}

Have a great day,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[jessicakstudio]

Thanks Tony! It worked like a charm! 😉

[Tony @ AlphaBlossom]

Awesome Jessica, glad I could help!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts