Always use hamburger menu button?

[ask4fish]

My client would like to always use the “hamburger” menu button, regardless of window size. Is there a preferred method of doing this?

We are using the Integrity Light stack.

[jade]

Hi there,

You will need to add some custom CSS for that. Please try this in the Global CSS:

  .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;
  }

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

[ask4fish]

Ok I’ll try that. I did have some custom CSS that accomplished it, but the latest update broke it. I’ll try this on a staging site.

https://mightysparkfood.com

[jade]

Hi there,

I have just checked your site and it seems to be working fine.

Please try to clear your site and browser’s cache.

Thank you.

[ask4fish]

That’s because I restored a backup.

[ask4fish]

Here’s the staging site where it’s not working: https://mightysparkfood.wpstagecoach.com/

[ruenel]

Hello There,

I have checked your staging site. There is a JS error on the page.

Please clear all the caches after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors. If still not working, please provide us access so that we can take a closer look.

Thanks.