Docs

[tshores]

HI X fantastic support team,

Please see this site:
https://not1more.org/

I customized the navbar with the following CSS, with your help:

.x-navbar {
background-color: #ffffff;
border-bottom: 4px solid #ebefd7;
}

Since the border-bottom is now thicker, 4px, the hover border-bottom isn’t the same thickness … so when you hover over a link you can still see green under the orange. I’ve attached an image but it’s easy to see when you visit my site.

What’s the CSS to increase the orange hover border-bottom thickness to 4px?

[Christopher]

Hi there,

Please add this code in customizer :

.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 4px 0 0 #f27222;
}

Hope it helps.

[tshores]

That’s what I needed, thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts