How to make the mobile menu fixed

Support
#1

Hi Guys,

I’m using a fixed left menu. when the screen is small the mobile menu goes to the top, which is great, but it disapears off the screen when you scroll down.

How can I fix the mobile menu to the top while maintaining my fixed left menu on desktop sized screens.

This code doesn’t work for me as i’m using a fixed left menu.
Any help would be appreciated.
My site is http://starryfaces.com.au
I would like the menu in mobile view to stay at the top of the screen when the user scrolls down.

@media (max-width: 979px){
.x-navbar.x-navbar-fixed-top{
position: fixed;
}
}

Kind Regards
Chris G

#2

Hi Chris,

You may change your code to this.

@media (max-width: 979px){
   .x-navbar.x-navbar-fixed-left{
       position: fixed;
   } 
}

Thanks

#3

Tried that that doesn’t work it just makes the mobile menu stay on the left side of the screen. Which is terrible for mobile.

It needs to be on top and fixed for mobile sized screens.

Kind regards
Chris G

#4

here is a screen shot of the mobile screen after applying the code you gave me.

#5

Hi there,

Please change it to this,

@media (max-width: 979px){
.x-navbar {
position: fixed;
top: 0;
width: 100%;
right: 0;
} 
.masthead {
min-height: 90px;
}
}

If still not working, then please provide your login credentials. It’s behind the coming soon and can’t check it.

Thanks!