Borders on active link in menu

Support
#1

Hello ¨
I cannot seem to remove a border in my menu.
When a page is selected in the menu, the active page has a circular box around it.
What code do i need to remove it?
This is my web site www.irdi.ch

#2

Hi There,

Please add the following code to Theme Options CSS

.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li > a > span {
    border: 0;
}

Hope it helps

#3

Hello i have tried adding the code but the problem persists.

#4

Hi,

You can try this code instead.

.x-navbar .desktop .x-nav>.x-active>a>span, 
.x-navbar .desktop .x-nav>.current-menu-item>a>span {
    border: 0;
}

Hope that helps.

#5

Unfortunately it doesn’t work either…

#6

Hi there,

Please add this code as well:

.x-navbar .desktop .x-nav>li>a>span {
    border: 0;
}

Also, the codes that are currently in your custom CSS look quite a bit disorganized where there be some CSS syntax error which would cause the added CSS not to work. Please copy and paste the codes you have here to check for CSS errors.

Hope this helps.

#7

Hello
it still does not work
Could there be an error in this code that could conflict with your suggestions?
I have tried your link but there wasn’t any place where i could copy paste my code…

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

.desktop .sub-menu {
border-color: transparent; background:transparent;}
.masthead-inline .x-navbar .desktop .sub-menu {
left: -0.2em;
padding-top:0em;}

.desktop .x-nav .sub-menu>li>a {
line-height:0.7em;
font-family:“open sans”;
font-size:0.8em}

#8

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#9

Yes of course i’d love to
but I don’t know how to send you a secure note.

#10

Hi There,

Please refer to

Hope it helps!

#11

Ok here you go:

#12

Hi there,

I went ahead and added this

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

That should do it.

Thanks!

#13

Yes all is working. Thank you so much!

#14

You’re most welcome!