Mobile Menu not working on computer smaller browser screen

The mobile menu works if you load the site on a phone, but if you load it in a smaller browser window on a computer it is not working. I updated the theme and cornerstone and also disabled caching plugin and purged the CDN. Do you have any suggestions? Memorialdesigners.net

Hello @GWink,

Thanks for asking. :slight_smile:

On my end mobile menu seems to be working fine. Please see screencast.

Thanks.

On mobile it does work fine, but if you are on a computer where the browser is sized small enough where it shows the mobile menu instead of the desktop menu it doesn’t work.

Hi there,

Please remove the custom CSS code you have added to change when the mobile menu will be displayed and change it to:

@media (max-width: 1200px) {

  .masthead-stacked .x-btn-navbar {
    display: inline-block;
  }

  .x-nav-wrap.desktop {
    display: none;
  }

  .x-nav-wrap.mobile.collapse.in,
  .x-nav-wrap.mobile {
    display: block !important;
  }

  .x-nav-wrap.mobile.collapse,
  .x-nav-wrap.mobile.x-collapsed {
    display: none !important;
  }

}

Hope this helps.

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