Navbar menu items - borders

[Lettie]

Hi

I’m trying to remove the borders between navbar menu items (ejegerton.org). I’ve tried the following:

.x-navbar .desktop {border-right: none !important}
.x-navbar .desktop .x-nav>li {border-right: none !important}
.x-nav-tabs.left {border-right: none !important}
.x-nav-tabs.left > .x-nav-tabs-item {border-right: none !important}

I haven’t hit on the correct one yet. Can you help, please?

Many thanks!

[rad]

Hi @Lettie,

Thanks for reaching out.

Do you mean the menu items and not the tab items? It’s because of your CSS. But, if it’s the menu items then you can change your CSS to this

.x-navbar .desktop .x-nav>li:first-child>a {
    border-left: 0px  !important;
}
.x-navbar .desktop .x-nav>li>a {
    border-right: 0px !important;
}

Thanks!

[Lettie]

Thanks. That worked perfectly!

[mldarshana]

Glad we were able to help