Docs

[GreenWorksStudio]

Hi,

I’ve tried every code I could find in this forum for that issue, but the border doesn’t go away.

I’m using Icon. I tried making it transparent, even white (the bg is white), I tried making it 0px, adding !important, nothing worked. I copy-pasted the codes from the threads.

This is the site: http://torteli.co and any other page than the homepage has the top navigation – that’s what I’m trying to change.

Could you pls help?

[Rue Nel]

Hello There,

Thanks for writing in! DO you want to remove the rounded border in your menu item when you hover it? If that’s the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.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. Please let us know how it goes.

[GreenWorksStudio]

Hi Rue,

Unfortunately this didn’t do anything. Yes, I’m looking to remove the border on hover and also on active (I just want no border at all).

Any other ideas?

[Rupok]

Hi there,

Let’s try this CSS :

.x-navbar .desktop .x-nav > li > a > span, .x-navbar .desktop .x-nav > li > a:hover > span {
  border: medium none !important;
}

Hope this helps.

[GreenWorksStudio]

OMG, that worked!!! Thank you! 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts