Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
- Posts: 193
- Joined: Tue May 03, 2016 8:24 am
Currently working my way through issues with viewing my web site on mobiles and using bps. I kept noticing that the layer I use as banners on my site fall short of covering the full width of the screens particularly when changing from landscape to portrait. I have not come across any setting to resolve this issue. While researching I came across this earlier topic on the Forum:
https://www.wysiwygwebbuilder.com/forum ... 59&t=64425
It covers my issue - so with that in mind I inserted the following code into the head of my page html which over-rides the width:100% code that Web Builder generates:
Code: Select all
@media only screen and (max-width: 768px)
@media only screen and (max-width: 480px)
@media only screen and (max-width: 320px)
This has solved the problem.
Have I missed a setting somewhere that will resolve the issue before I set out to insert this code on other pages?
My layer settings are:
header / footer mode
relative horizontal sizing
- Posts: 13984
- Joined: Tue Mar 28, 2006 12:00 pm
- Location: Europe
'full width' means 100% of the current viewport. The browser will not recalculate the width when you change orientation unless you hard code the width (like you have done in your fix).