Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 16, 2024 at 10:13 am #1434478
    divinecurio

    Hi I have read through sevceral topics, added and subtracted code, but my burger menu is not sticking. I just want the 3 lines of the burger menu to follow the scroll and be viewable, please?

    http://www.movewithmaria.co.uk

    February 16, 2024 at 1:04 pm #1434501
    Rikard

    Hey divinecurio,

    Please try this out in order to make the header sticky on mobile devices: https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile

    Best regards,
    Rikard

    February 16, 2024 at 1:37 pm #1434504
    divinecurio

    Hey Rikard, as I shared, I’d already tried all the forum stuff – including the link you shared above, This doesn’t actually seem to mention anything about the mobile sticky burger menu, just the header itself.

    February 17, 2024 at 8:45 pm #1434617
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
  .responsive #top #wrap_all #header .main_menu {
    position: fixed;
    padding-right: 30px;
  }
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 19, 2024 at 9:14 am #1434748
    divinecurio

    perfect, thank you Mike. that fixed it!

    February 19, 2024 at 11:01 am #1434762
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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