Mobile Menu

[isampatterson]

Hello,

Is there any way to make the menu appear alongside the logo on mobile, rather than below as it currently is? At the moment the menu button is half-way down my header and it looks messy.

Also, is there a way to make the menu bar follow me down the page on mobile, rather than staying at the top?

Thanks,
Sam

[Zex]

Hello,isampatterson!

The next codes should solve your problem. (Insert it into Customizing->General->Additional CSS)

@media (max-width:994px) {
.sticky-header.sticky-header-shrink {
 position: fixed!important;	
}   
nav.mobile-menu {
 position: fixed!important;
 width: 100%;
 top: 80px!important;
 height: 150px;
 overflow: auto;
 z-index:9999;
}
}
@media (max-width:480px) {
#agama-logo a {
 max-width: 90%!important;
 text-align: left!important;
}  
.logo{
 float: left!important;
} 
.mobile-menu-icons{
 width: 10%!important;
 clear: none!important;
 text-align: right!important;
}	
}

https://prnt.sc/n8yc5l

Regards

[isampatterson]

Perfect – thank you!

[Author]

Posts