Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 27, 2018 at 4:19 pm #1038050
    rolfroyce

    Hi, I found several threads on this question, most of them point to 3rd party plugins.
    I would prefer not installing a plugin just for one function I miss in Enfold.

    I have created a page, added a custom widget in the left showing a menu.

    How can i make the navigation “sticky”?
    The page will have anchor links.

    It should work similar to this page: https://mailchimp.com/help/about-landing-pages/

    November 27, 2018 at 10:07 pm #1038230
    Victoria

    Hey rolfroyce,

    Do you want it just on this one page? Or it’s gonna be duplicated on all pages?

    Best regards,
    Victoria

    November 27, 2018 at 10:24 pm #1038244
    rolfroyce

    only on this page, for now.
    It could be that the product tour lasts over several pages at a later time.

    November 28, 2018 at 2:40 pm #1038532
    rolfroyce

    hi victoria, any tips on how to get this done on one page for now?
    thanks

    November 30, 2018 at 3:47 pm #1039348
    rolfroyce

    any update on this?

    December 3, 2018 at 6:17 am #1040125
    Ismael

    Hi,

    Thanks for the update. And sorry for the late response.

    This tutorial should help: https://www.w3schools.com/howto/howto_js_sticky_header.asp

    What the script does is it sets the class attribute “sticky” when it reaches the element’s scroll position. That particular script is created for the “myHeader” element but you can apply it to any other elements.

    Best regards,
    Ismael

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