banner / header layers problem using breakpoints

[rogerl]

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

<style>

@media only screen and (max-width: 768px)
{
#Layer2
{width:768px !important;
}
}
@media only screen and (max-width: 480px)
{
#Layer2
{width:480px !important;
}
}
@media only screen and (max-width: 320px)
{
#Layer2
{width:320px !important;
}
}

</style>

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
alignment center

Regards
Roger

[Pablo]

'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).