I put in a 2 column row
I put an editor widget in the left column
I put an image widget in the right column
On full screen, PB adds the following css inline:
{
margin-left: -57.3375px;
margin-right: -57.6625px;
padding-left: 57.3375px;
padding-right: 57.6625px;
border-left: 0px;
border-right: 0px;
}
When I narrow the browser, PB adds additional padding:
{
margin-left: -101.713px;
margin-right: -225.287px;
padding-left: 101.713px;
padding-right: 225.287px;
border-left: 0px;
border-right: 0px;
}
I dont want the additional padding, or it would be nice to not have any of the css change.
To try and overcome this, I have set Layout > Mobile padding for the
row
column
widget
to zero
And I still get the issue.
How can I set PB to not change the css on mobile screen width?
Thanks ahead of time :)
Hi SiteFan,
Okay, so the margin and padding’s are being added to allow for the row layout you’re using to work. The padding should result in the content appearing at the sides if stretched and in the same area if the row layout is set to just full width – in other words, the full-width layout should look the same as it normally does regardless of the margin/padding.
Do you have a public URL where we can take a look at what’s going on?