- This topic has 3 replies, 2 voices, and was last updated 6 years, 10 months ago by
.
I noticed that my header navigation menu items did not work when my website was navigated to the Portfolio or Shop pages. So, I changed the URL link of my menu items to their absolute path (EX: #aboutus is now http://mywebsite.com/#aboutus).
After making this change for each of my menu items, I noticed that the links display as “active” by default. I have changed the Active Navigation Color in the Theme Settings so that it matches the grey inactive color for the rest of the theme. By doing this, I lose the functionality where mousing over a navigation menu item changes its color (EX: since my Store page is not a custom link, it still functions correctly. All the other custom links are “active” by default, and don’t change color on mouse-over).
How can I remedy this issue so that mousing over my header navigation menu items changes their color? If I should not use absolute paths for the custom links on my menu items, how should I set up the menu items so they navigate to their respective ‘#’ places from pages like Portfolio or Shop/Store (EX: #aboutus)?
Thanks,
Solution for this topic
Hi @wkolari,
I hope you are well today and thank you for your question.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a{ color: rgba(232,27,27,0.8) !important; }Best regards,
Shufflehound teamThank you for your quick reply! That worked wonderfully :).
You are most welcome here 🙂
