Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
- Posts: 197
- 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: 14601
- 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).
Who is online
Users browsing this forum: No registered users and 2 guests