Breaking point menu

[dani_blues]

Hy, where can i change the breaking point of the normal menu? It should go in responsive mode at about 1200px. Thx for your help.

[nabeel]

Hi @dani_blues,

Thank you for reaching out to us. To change the mobile menu break point, you can 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;
  }
}

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!