Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #761682

    Hello Enfold team
    I feel truly thankful you have this support forum that I can access and achieve my business website goals, I owe you guys so much.

    the website I’m still working on is bodytalkminneapolis.com

    How do we always see the ShiftNav hamburger menu icon even if we scroll to the bottom of the page?

    Right now, it shows at the top, then when I start scrolling down I can’t access it.

    Is there a setting I’m not seeing yet or a Quick CSS code I could please get direction with?

    thanks

    #761694

    Hey Nathan,

    You can solve this adding this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    
    #shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    
    position: fixed;
    margin-left: -50%;
    
    }
    
    

    Remember: If you have some problem with this hamburger menu on mobile devices, you`ll have to create a media query and edit the margin-left with the same rule above.

    Best regards,
    John Torvik

    #761699

    Thank you for the code, I tried that and when I scroll the icon disappears.
    Is there a different code we could try please?

    #762010

    Hi!

    I added following code to bottom of Quick CSS field

    #shiftnav-toggle-main.shiftnav-toggle-position-absolute { 
    position: fixed !important; 
    }

    Please review your website now :)

    Regards,
    Yigit

    #762077

    I see that :)
    I feel grateful Yigit

    #762175

    Hi,

    I’m glad if i’m the reason! :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘ShiftNav Hamburger Menu Icon Always Accessable When Scolling Down’ is closed to new replies.