How to erase border around navigation item

Support
#1

There is a red border on hoover, when clicking on a navigation item with submenu
How can I remove this border or color it in white?

#2

Hi there,

I am not sure why that should happen on your installation. Please kindly get back to us with the URL of your website and User/Pass to be able to bypass the Under Construction section to be able to see the live code to follow up.

From what I understand it should be the Box Shadow which is added by default to the theme, but it should not be that way. If it is a box shadow the code below can remove it. Kindly add the code below to X > Launch > Options > CSS:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
}

Thank you.

#3

Thank you. Unfortunately there is no thraed X > Launch > Options > CSS. If I enter “CSS” in the search box of options, nothing appears.
So I put the code in Design > customizer > additional CSS. But nothing helped.

#4

Hi,

We also need the http username and password to be able to access your site.

#5

I wrote it by secure note.
Didn´t you get that?

#6

Hi there,

Please try this code in the custom CSS:

.x-navbar .desktop .x-nav > li > a:focus {
  outline: none;
}

Hope this helps.

#7

Yes, it helped. Thank you!

#8

You’re most welcome.

#9

Hi,
The same thing happens to me, I can’t remove the border and the shadow of the navigation bar, despite putting all those lines of code.

I need help, thanks

www.angelicamonge.com

#10

Hi @angelicamonge,

Thanks for writing around! Please add the following code in your Customizer:

.x-navbar {
    border-bottom: none !important;
    box-shadow: none !important;
}
.x-topbar {
    border-bottom: none !important;
}

Let us know how this goes!

1 Like
#11

Thank you! Perfect
This css is very delicate!
Yesterday I tried those rules, but with several classes separated by commas, and that way was not sensitive to the interpretation of the code.
Mil gracias y muy buen dĂ­a! :smile:

#12

Glad we could help.

Cheers!

1 Like