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
Layer don't work proper on the mobile browsers...
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
-
-
- Posts: 2
- Joined: Sun Jun 26, 2016 5:52 pm
Re: Layer don't work proper on the mobile browsers...
Hi
Applying break points the problem will be solved.
Applying break points the problem will be solved.
Re: Layer don't work proper on the mobile browsers...
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
If you use layout grids then the layout will be stretched automatically.
Related tutorials:
http://wysiwygwebbuilder.com/layout_modes.html
-
-
- Posts: 2
- Joined: Sun Jun 26, 2016 5:52 pm
Re: Layer don't work proper on the mobile browsers...
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)!
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)!