This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

PageBuilder Mobile columns

Resolved 1 reply customizationpluginplugin-page-builder
Sharknut
9 years ago · Last reply by Alex S 9 years ago

Hi there,
I have pagebuilder active on my homepage for www.houseofbats.co.uk, and when I view on a mobile, the 3 column layout collapses as desired to a single column, but the 4 column layout at the bottom only collapses to two columns.

I’ve had a look at the pagebuilder settings, but can’t see how to force the bottom row into a one column layout also.

Thanks for any help

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 9 years, 3 months ago

    Hi Sharknut,

    This is due to the WooCommerce CSS enforcing a two column layout on mobile. You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media (max-width: 768px){
	.so-widget-sow-editor .woocommerce ul.products li.product {
		width: 100%;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread