Archived topic
How Do I Make Current Page Menu Item NOT CHANGE on hover
6 replies · Started by Mary Pearson on June 10, 2017
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.
Hi there,
Try this:
.secondary-navigation .main-nav ul li[class*="current-menu-"] > a {
box-shadow: none;
}Let me know
Thanks Leo but it doesn't seem to have any effect.
Are you talking about the secondary menu or primary menu? The secondary menu is working for me:
http://www.screencast.com/t/TNPE7ruCzjKM
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
That did it! Thank you so much!!!!
No problem!
