Changing the Menu in the mobile version

[rk]

I have a mobile hamburger menu (when navigating the site, the hamburger with the logo goes up), I want it to work like on my PC (when navigating the site, the hamburger menu with the logo always remains on the display), I inserted following code:
_______________________________________________________________________________________________
/*Mobile menu on theRight side*/
@media (max-width:480px) {
#agama-logo a {
max-width: 80%!important;
text-align: left!important;
}
.logo{
float: left!important;
}
.mobile-menu-icons{
width: 20%!important;
clear: none!important;
text-align: right!important;
}
}
______________________________________________________________________________________
how do i solve this problem ?

[rk]

the menu now looks like I wanted, but the hamburger with the logo does not move on the display when scrolling

[Zex]

Hello, rk!

Actually I can see that the Hamburger menu scrolls with the page.

If you want it fixed on the top of the page (to not scrolling with the page) use this code(instead of the above code) :

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

Regards

• This reply was modified 3 years, 8 months ago by Zex.

[rk]

Now everything is working well.
thanks.

Regards

[Zex]

Thank you for your feedback.
I’m glad it works

Best regards

[Author]

Posts