Using page builder, I create a row with 2 Column and gutter spacing 5px.
After inserting site origin hero widget to each of the column, on a desktop views, it display as expected.
However, going to a mobile view, the column collapse on top of one another resulting in a very wide white spacing between the column.
Anyway to reduce the spacing of the mobile view to 5px as well to be consistent?
The site is http://hikersforlife.com/932-2/
Hi chew
Thanks for your support.
Please, try the following. Edit the row concerned in Page Builder, click the Attributes tab on the right, enter the following as a CSS Class (first field):
Then, at Appearance > Custom CSS, insert:
Let us know how that goes.