Mobile Nav Bar Button Not Working at 1024px wide

[core365]

Hi, I’ve done a site and have used the mobile nav bar button at a size of 1024px wide, as the menu bar is too long to be displayed as it should. When you click on the nav button, nothing happens, the menu doesn’t open up! I’ve tried adding different bits of CSS to it, but I can’t get the menu to appear! Would you mind taking a look for me please.

The URL is: https://www.yourfootballclub.co.uk

Thanks!

[nabeel]

Hi @core365,

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

@media screen and (max-width: 1250px) {
  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;
  }
}

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

[core365]

That’s great, you’ve sorted it, thanks!

Cheers!

[nabeel]

Glad we could help.

Cheers!