Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2018 at 8:26 pm #899288
    MLA18

    Is it possible for the header/navigation menu area to be a sticky header when on a mobile device? I have tried making CSS modifications on my own but am not having much luck.

    Any advice you can provide would be greatly appreciated.

    Thanks!

    January 19, 2018 at 11:50 am #899602
    Victoria

    Hey MLA18,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .html_header_top.html_header_sticky #top #wrap_all #header {
    position: fixed;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 19, 2018 at 5:03 pm #899748
    MLA18

    Yes! Absolutely perfect.

    You may close this thread. Thank you for the quick assistance!

    January 19, 2018 at 5:05 pm #899751
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sticky Header on Mobile’ is closed to new replies.