Mobile Nav Button Not Working When Viewed at LG 980px-1199px

[core365]

Hi, when I view my website at the size LG 980px-1199px, when I click on the mobile nav button, nothing happens! It doesn’t expand to show the menu. I haven’t got a clue how to fix this, hope you can help!

I’ll put the URL in a secure note as it’s on a temp link.

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 (min-width: 980px) and (max-width: 1179px) {
  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;
  }
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

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

[core365]

Hi @Nabeel,

That’s sorted it, thank you!

I appreciate your time and help with this, thanks!

[friech]

We are delighted to assist you with this.

Cheers!