Header menue breakpoint

[oblaum]

hello,

i want to show earlier the mobile/hamburger menue header.
e.g. at a width of 1024px.

i am using the x theme (and on another project the pro version)
found this solution from 2018, does not work.

Changing mobile menu breaking point in X Pro

my site: https://rastoa.oblaum.com

how to make this happen?

thanks
oli

[nabeel]

Hi Oli,

Thank you for reaching out to us. To show the mobile menu earlier, you can add the following code in the Theme Options > CSS:

@media screen and (min-width: 980px) and (max-width: 1024px) {
  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!

[oblaum]

@Nabeel thanks! you are genius!

[matt]

You’re very welcome, Oli!