Hamburger menu icon not working

[etchandco]

Hi There,
We use to have the hamburger icon menu appear when the screen size (especially in laptop) would be small as we have a number of items in our menu and it would overlap to a second line.
Since a update, the code that we had no longer works in the sense that when the hamburger icon appears on laptop/desktop screens it won’t show the menu when clicked. Mobile devices it is working fine. Is there new code to use in order to achieve this? We just need it to switch to the hamburger menu icon when the screen becomes smaller so to avoid overlap of the menu.

The website address is mamadisrupt.com.au

Any advice would be great as it was working perfectly.

[nabeel]

Hi there,

Thanks for writing around! Please add the following CSS code in the Theme Options > CSS:

@media screen and (max-width: 1300px) {
  a.x-btn-navbar {
    display: block;
    float: right;
  }

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

Let us know how this goes!