[flacnvinylParticipant]

Within the Icon stack is it possible to remove the pill outline on active menu items? I am using this code instead, but the pill is still there as a very faint outline…

.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: 0 2px 0 0 #035B98;
min-height: 62px;
background-color: #035B98;
color: #FFFFFF;
}

[FriechModerator]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.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:hover>a>span {
	border-radius: 0;
    background-color: aquamarine;
}

If this does not work, please provide us the site URL.

Cheers!

[Author]

Posts