How to change the navbar menu breakpoint

[petwish99]

Hello, I hope you’re doing well!

I have a large menu, so the transition from normal menu to hamburger button will happen on desktop (it needs to happen at 1126px). The “2nd” screenshot shows the nav menu wrapping under the logo (which I do not want), but this is a window size smaller than 1126… so I think by have the breakpoint set to 1126px, this will be corrected too. Fixing this would be amazing, thank you so much!

https://ibb.co/fP26je (2)

[rad]

Hi @petwish99,

Thanks for reaching out.

Sure, it’s possible and you can add this CSS snippet to your global custom CSS.

        @media ( max-width: 1126px ) {
        .x-nav-wrap.desktop {
         display: none;   
        }
        .x-btn-navbar {
         display: block;
         float: right;
         }
         .x-nav-wrap.mobile:not(.x-collapsed),
         .x-nav-wrap.mobile.collapsing{
         display: block
         }
    }

Thanks!

[petwish99]

It worked!! Thank you so much, have a great day

[rad]

You’re most welcome!