Navigation wraps line in narrow browser windows

3 replies · opened May 26, 2023

GgruenderinoMay 26, 2023

Hello,

I'm using the navbar from the Insurance template and when I resize the browser, the navbar wraps. This only happens when I'm on top of the page and the navbar is expanded.

When scrolling through the side, the navbar height is reduced, thus everything fits nicely and there is no wrap.
Looking forward to making this nice and responsive again.

Kind Regards
Patrick

SSemicolon WebSTAFFMay 27, 2023

Hello,

The Header is wrapping to the next line based on the available space which includes the Logos, Menus and the Buttons. Since resizing makes the area smaller, it is normal for the Header to wrap to the next line as the current Menu Breakpoint is set to 992px Width of the Viewport. You can consider adding a Custom Breakpoint by adding the data-menu-breakpoint="1200" to the `` Tag. This will enable the Mobile Menus on 1200px Viewport Width, thus fixing the wrapping issue for you. More Documentations on this can be found here: https://docs.semicolonweb.com/docs/header/mobile-menus/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

GgruenderinoJun 1, 2023

Amazing and easy to understand fix, thanks a lot!

SSemicolon WebSTAFFJun 3, 2023

Very Happy to Help! :)

Let us know if we can help you with anything else.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard