I set stretched layout on my webpage. Unfortunately if I zooming in and out with ctrl +-, it breaks the layout.
Without zooming ang breaking:
Breaked layout because of zooming:
My idea is that, I set the boxed layout with 1920px maximum container width. If I do this, zooming doesnt break the layout, but unfortunately menu is not full width.
Is it possible to I use the boxed layout with full width, stretch menu and full width stretch background video (in color section) which runs under the menu?
Or if I have to set the stretched layout, how can I solve the layout breaking problem?
Hey Danii28,
I’m not sure why you are “zooming” your page, this doesn’t test the layout and css & javascript can not know if a browser window is “zoomed” or by how much. I assume that you are trying to check your page for different screen sizes for this please use the Dev Tools, see this article: Responsive Viewport Mode the largest built in size option is 2560px.
Best regards,
Mike