Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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:
@media (max-width: 780px) { .no-margin .panel-grid-cell { margin-bottom: 0 !important; } }Let us know how that goes.