Boxed to Full Width on Mobile - with no padding

raisintoast · December 2019

Hello,

I want to get rid of the white space on mobile view - https://mindgarden.me

https://prnt.sc/qanpmj

Thank you

Pablo · December 2019

Hello,

You should disable the "Boxed" layout on mobile.

Theme Options > Responsive > General

And turn on the "Boxed to Full Width".

But, if it will not be enough for you, please edit the section with that element on your page and turn on the "Columns | Remove Horizontal margin" option

Thanks

raisintoast · December 2019

I probably should have posted this in Visual Composer (WP Bakery) How do this with WP Bakery Visual Composer?

Thanks

Pablo · December 2019

You have to get into the "Row Settings" in element of the WPBakery and turn on the "Row Strech" option.

http://prntscr.com/qbgf6e

Thanks

raisintoast · December 2019

Thank you!

For some reason, I did the stretch row option on my homepage but it didn't work. It worked on my portfolio pages.

https://prnt.sc/qbwtqm

https://mindgarden.me

Pablo · December 2019

Can you check if you didn't applied any paddings on the left and right on that row?

http://prntscr.com/qbxy5s

Thanks

raisintoast · December 2019

I didn't apply any padding on the row, I checked, but when I look at the code there is some padding, not sure why it's there

https://prnt.sc/qbzs3a

Pablo · December 2019

Please apply the "0" value in the padding attribute and check, if it removed that padding on left and right.

Thanks

raisintoast · December 2019

Yes it worked, thank you!

Boxed to Full Width on Mobile - with no padding

Comments