How to take out menu select circle

Support
#1

Hello, I want to disable the circle when I select the menu.
Here is the image.

#2

Hi Ege,

Thanks for reaching out.

Your site is behind a under construction page and I can’t verify which menu item has that borders. But I assume you wish to remove the borders in all menu items so please add this CSS to your Theme Option’s CSS.

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

Thanks!

1 Like
#3

Hello Ege,

Were you able to get this sorted?

I tried checking your site but I am not seeing the bullet point next to the menu upon selecting a page.

Kindly clear your browser cache or double check if you have no browser addon that is causing this.

Thank you.

#4

I took out the dots in the menu, and for each item in the menu are blanked tittled with icons and hover items inside(black and blue)

#5

Glad to hear that. :slight_smile:

#6

I’ve tried this but I still have the border :frowning:

#7

Hi Ege,

Ah, you’re also referring to the borders upon hover, please add this CSS as well

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

Thanks!

1 Like
#8

Thank you !

#9

You are most welcome. :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.