Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #229503

    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!

    • This topic was modified 10 years, 1 month ago by wildbrid.
    #229513

    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!

    #230354

    Hi!

    Can you post the link to your website so we can take a look? Currently the latest version is 2.5.4

    Regards,
    Yigit

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.