Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 6, 2025 at 8:32 am #1480862
    sophieantoine2016

    Hello,
    Could you tell me how to set the burger menu on my website so when I scroll down on mobile device the burger menu is still appearing and follow the scroll.
    Because now it stays on the top.

    thanks for your reply :)

    Sophie

    April 6, 2025 at 12:48 pm #1480867
    Mike

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

    @media only screen and (max-width: 479px) {
.responsive #top .av-main-nav .av-burger-menu-main {
    position: fixed;
    top: 2px;
    right: 7%;
}}
@media only screen and (min-width: 480px) and (max-width: 570px) {
.responsive #top .av-main-nav .av-burger-menu-main {
    position: fixed;
    top: 2px;
    right: 36%;
}}
@media only screen and (min-width: 571px) and (max-width: 767px) {
.responsive #top .av-main-nav .av-burger-menu-main {
    position: fixed;
    top: 2px;
    right: 30%;
}}

    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

    April 7, 2025 at 1:34 pm #1480928
    sophieantoine2016

    Hi Mike,
    Thanks a lot :)
    It works great.
    Sophie

    April 7, 2025 at 2:51 pm #1480933
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘burger menu’ is closed to new replies.