[Resolved] Elements not stretching to column width on mobile

[Caleb]

Hi,

I am using Beaver Builder. I have some simple text editor and list elements in the top section on my homepage. When I look at this on mobile or tablet sized screens there seems to be an enormous amount of padding showing up on the right. Almost like there is a whole other empty column in my row or the elements aren’t stretching to 100% width of the column. Here is a screenshot of the issue: http://prntscr.com/mua4sz and a screenshot on desktop sized screens: http://prntscr.com/mua56y

I didn’t know if I was supposed to ask you guys about this or ask the beaver builder team. Any help would be appreciated.

Thanks!

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

Looks like BB is setting the column to be a fixed width on mobile:
https://www.screencast.com/t/nHa4VWADK9mN

Their support should be able to help you out 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Caleb]

Thank you, they helped me! If anyone is having the same issue it is as @Leo says the column width for mobile devices was set to 50%.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts