http://www.unitedstatesfittings.com
With a current theme – and plugins deactivated and this code in the CSS:
@media only screen and (max-width: 1152px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}
The mobile menu still appears to the right of the page if you scroll – or if you shrink a browser window on a computer.
I thought this issue was fixed? It’s back!
Hey ewingmh,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
See login info below.
Hi,
Thanks for that, I commented out the CSS you posted initially and it seems to have removed the problem. Could you check and verify please?
/*@media only screen and (max-width: 1152px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}*/
Best regards,
Rikard
Right… but then the menu items overlap the logo at smaller screen sizes… so I have to have that code in there.
Hi,
Oh, sorry about that. I added this to the top of your Quick CSS and it seems to be working without any problems:
@media only screen and (max-width: 1150px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
Best regards,
Rikard
Thanks!