[foundertherapyParticipant]

Hey guys,

Site is up at http://midnightmoustachesociety.com

I’ve tried the answers you’ve listed in many threads to remove the pill shape border that appears on nav bar links for the current page as well as on hovers, and nothing seems to remove them. I’m dropping the CSS in the Customizer field, but nothing removes the borders.

Have tried:

.x-navbar .x-nav > .current-menu-item > a { border: none; }
.x-navbar .x-nav > li > a { border: none; }

And that didn’t work. Tried a few others from older threads too. What am I missing?

[JadeModerator]

Hi there,

Please try this code instead:

.x-navbar .desktop .x-nav>.x-active>a>span, 
.x-navbar .desktop .x-nav>.current-menu-item>a>span,
.x-navbar .desktop .x-nav>li>a:hover>span {
    border-color: transparent !important;
}

Hope this helps.

[Author]

Posts