Mobile Menu Responsive

Sparkling
#1

Hello team!

I was wondering is there way for the mobile menu to be fixed while scrolling? Similar to how the ‘top-the-top’ button works and stays on screen while on any section of website?

Thank you!

#2

Hi @shortg,

I hope you are well today and thank you for your question.

You can make the mobile menu to be fixed while scrolling by adding the following CSS code in the Custom CSS Theme options displayed on the below path in your admin area.

Admin Area -> Appearance -> Theme Options -> Other Tab -> Custom CSS

@media all and (max-width:767px){
  nav.navbar.navbar-default {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
  }
}

@media all and (min-width:600px) and (max-width:767px){
 body.admin-bar nav.navbar.navbar-default {
    top: 46px;
  }
}

Best Regards,
Vinod Dalvi