[Resolved] How Do I Make Current Page Menu Item NOT CHANGE on hover

[Mary Pearson]

Hi Tom,

On my page at https://plantbest.com/ca/ I have made box shadows for hovering menu items using CSS as you suggested. Now I would like NO CHANGE on hover of the current page. I tried the following but it has no effect:

.current-menu-item {
box-shadow: none !important; }

Essentially when you hover over current page I just want nothing to happen. Can you tell me how to achieve that please.

GeneratePress 1.3.48

GP Premium 1.3

[Leo]

Hi there,

Try this:

.secondary-navigation .main-nav ul li[class*="current-menu-"] > a {
    box-shadow: none;
}

Let me know

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mary Pearson]

Thanks Leo but it doesn’t seem to have any effect.

[Leo]

Are you talking about the secondary menu or primary menu? The secondary menu is working for me:
http://www.screencast.com/t/TNPE7ruCzjKM

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mary Pearson]

Sorry, no. It’s the primary one. The problem is not knowing if they are on the Canadian site or the U.S. site. I just copied and pasted. Will change to primary

[Mary Pearson]

That did it! Thank you so much!!!!

[Leo]

No problem!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts