Mobile Menu - Icon not clickable on Tablet or Mobile in landscape only

Hello,

After a recent update - the mobile menu isn’t working on a tablet or mobile device - only in landscape mode. Working in portrait.

When we click the hamburger icon, nothing happens.

site: http://paulacm.com

Can anyone help?

(many thanks)

Hi there,

Thanks for writing in.

It’s due to your existing CSS, but I’m not sure why it was working before the update

@media (max-width: 1210px)  {
body .x-nav-wrap.desktop {display: none;}
body .x-nav-wrap.mobile.collapse {display: none;}
body .x-nav-wrap.mobile.collapse.in {display: block;}
body .x-btn-navbar {display: block;  width: 50px;   height: 47px;   margin: 5px;}
 
}

You’re basically hiding the mobile menu clicked or not, it should be like this

@media (max-width: 1210px)  {
body .x-nav-wrap.desktop {display: none;}
body .x-nav-wrap.mobile.in, body .x-nav-wrap.mobile.collapsing {display: block;}
body .x-btn-navbar {display: block;  width: 50px;   height: 47px;   margin: 5px;}
}

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.