-
Posts
-
With reference to the following thread:
https://kriesi.at/support/topic/navigation-menu-for-long-single-page-website-with-enfold/#post-177245
Is there an easier way to only highlight the menu link when it is active and turn it off when it’s not being scrolled to?Right now, when I add the full url with the hashtag section (eg: http://mydomain.com/#about-us) to the menu custom link, my menu link for About Us is highlighted even when I did not click it to scroll to that section.
Hope you can help without need for users to hack the current code.
I’ve downloaded the latest version, or have I missed out any other required downloads to update this area?Thank you!
Hello, I’ve done some trial and error on my own and managed to get it:
1. Add a custom css style to the custom menu link (eg. about-scroll)
2. In the custom styling css section in the options panel, put in the following:
.header_color .main_menu ul:first-child > li.about-scroll.current-menu-item > a {color: #333333;}
.header_color .main_menu ul:first-child > li.about-scroll > a {color: #808080;}This is currently what I can do with css, if anyone has a better more user friendly way please post, thanks!
- You must be logged in to reply to this topic.