Layer don't work proper on the mobile browsers...

[smokinsouls]

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

[srinivas]

Hi

Applying break points the problem will be solved.

[Pablo]

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

[smokinsouls]

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)!