.desktop menu class showing on mobile devices

[alecplescia]

Good day,

I’m trying to clean up some code on our uAttend.com website added by a previous admin and I’m not quite sure where to start. In short, the desktop menu is appearing on mobile devices (in addition to the mobile menu) and it’s obviously creating a terrible user experience. I’ve found a bunch of custom code added at “X”>Theme Options > CSS, and I see that a “.desktop” class is being invoked on some of the menu customization but it’s not preventing it from showing up on mobile. Any suggestions you could offer would be fantastic.

Thank you!

[ruenel]

Hello jay,

Thanks for posting in!

To resolve your issue, please have this block:

body .x-nav-wrap.desktop {
    float: left;
    display: block;
    width: 100%;
}

updated by using this code instead:

@media(max-width: 979px){
  body .x-nav-wrap.desktop {
    float: left;
    display: block;
    width: 100%;
  }
}

Hope this helps. Please let us know how it goes.

[alecplescia]

Haha, thank you! I feel like a dummy because I did a little research and realized a properly formatted media query was all that was needed. Thanks again!

[thai]

You’re most welcome.