Site logo

Archived topic

How to remove the "current-menu" style?

7 replies · Started by Vl on August 2, 2018

Viewing posts 1–8 of 8

Hi!
I need the style of the current menu item to be the same as the rest of the items.
Is it possible to do this?
Thank you!

Hi there,

Have you tried the options in Customizer > Colors > Primary Navigation?

Or that doesn't help?

Let me know :)

Thanks for the answer!
This does not help, because for the current item it is not possible to select Background Hover and Text Hover.

Can you link me to the page in question?

You can edit the original topic and use the private URL field.

Thanks!

Hello!

You can see different styles when hovering over menu items on Page 1 and Page 2.
I need the style to be like when I hover over Page 1.

Hi there,

Current items don't have a hover state by default as it can be somewhat confusing for the user in identifying what page they are currently on.

To do it would require some CSS, may be this:

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
    color: #222222;
    background-color: #efefef;    
}

Everything is fine! Thank you!

Glad to be of help :)

This archived topic is closed to new replies.