www.wysiwygwebbuilder.com

Hello!

My project page width is 1200. There is a layer (header/footer) with "relative horizontal sizing".
On desktop browsers this page looks ok - the layer is stretched on the entire width of the page,
but on mobile browsers the layer looks cutted (don't touch the right border of the screen).
Example: http://new.dohod-vsem.com/ (try it on your mobile)

Can you advise something in this situation? (if I don't want to make responsive web desing)
Maybe there are some additional settings in Web Builder?

Thanx,
Mike

Hi

Applying break points the problem will be solved.

The elements on layer have absolute / fixed positions, so you will need to add breakpoints to adjust the layout for smaller screens.
If you use layout grids then the layout will be stretched automatically.

Related tutorials:
http://wysiwygwebbuilder.com/layout_modes.html

Thanx for your help, but I've found the more accurate solution for this...

You have to:
- Right-click on the layer
- Choose "Object HTML"
- In the custom style section write "min-width:1200px;" (or any other width that can be in your personal project)

This is the real solution of the incorrect layer width on any mobile devices (including the pads)!