Menu not dropping down

[renaissanceman]

Hello,
I have a navigation menu that isn’t dropping down. It seems to happen in chrome at 1199px width. At 979px, the navigation menu drops down correctly.

[nabeel]

Hi @renaissanceman,

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: 1200px) {
  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;
  }
}

Please note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

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. Hope this helps!

[renaissanceman]

Thank you, this worked

[jade]

You’re welcome, @renaissanceman.