Docs

[DoebankDesigns]

I’m using a one-page format (mostly), so having the current page’s menu item be highlighted and have a pill-shaped border isn’t going to work. I’ve tried several code snippets form the forum to remove that, but nothing’s working. Can you help me?

I still want the hover color to be there, but I want the active menu item to look like the other menu items.

https://www.eonelectron.com/

[Thai]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.home .x-navbar .desktop .x-nav > .current-menu-item > a {
    color: #414042;
}
.home .x-navbar .desktop .x-nav > .current-menu-item > a:hover {
    color: rgb(242,101,34);
}

Hope it helps 🙂

[Author]

Posts