Mobile menu not visible between 980 and 1060px

[Pablo]

My mobile menu is not visible between 980px and 1060px. Can you provide the proper code to fix this?

My website: https://elkebussels.be/

[nabeel]

Hi @Pablo,

Thank you for reaching out to us. To fix the issue, please add the following code in the Theme Options > CSS:

@media screen and (min-width: 980px) and (max-width: 1160px) {
  a.x-btn-navbar {
    display: block;
  }

  nav.x-nav-wrap.desktop {
    display: none;
  }
  .x-nav-wrap.mobile:not(.x-collapsed) {
    display: block !important;
  }
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!