Main Menu - Stick on Mobile

Started by: Terry Williams March 29, 2016 - 14:57

Is it possible to set the main menu to be sticky on mobile devices?

Thanks.

Replies:

  • Author Team
    #1406 Reply

    Axel
    Hi,

    Please use custom CSS like below:

    .mobile_header .header_info { padding-top: 95px; }
    .mobile_header .logo_wrapper { position: fixed; width: 100%; }

    regards

    #1415 Reply

    Terry Williams
    Thank you, but that did not work correctly. When I add this code, the header becomes sticky. . .but, when I scroll the page (which invokes the sticky behavior), the header does stick. .. but, then the menu does not function correctly.

    Here is a quick screencast to show how the menu behavior changes when the "sticky" header is invoked - http://screencast-o-matic.com/watch/cDev2C1Uy4

    Thanks.

    Terry

    Author Team
    #1417 Reply

    Axel
    We have tried to realize it with custom CSS, but it didn't help. It seems you need to change whole mobile menu structure via customizing the theme. We will try also improve this feature in the next updates.

    regards

    #1424 Reply

    Terry Williams
    OK - thank you.
    #1765 Reply

    Tamás
    Hello,

    did you find a solution for mobile sticky menu?

    thank you for your answer and solution!

    Author Team
    #1769 Reply

    Baxter
    Unfortunately we have temporary removed this feature because of script conflicts. Hope it will be remained back soon.

    Regards

You must be logged in to reply to this topic.