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.

Page Builder Columns Won’t Stack for Mobile

Open 1 reply customizationpluginplugin-page-builder
pglass
Started · Latest reply by Andrew Misplon

Hi there,

I’m using Page Builder. On the homepage I’m building www.mentalhealthcampaign.org, I’m trying to get the three columns to stack on top of one another for a small window/mobile. I’ve tried using the “settings” checkboxes for this, but they haven’t worked so far. I’ve also tried using CSS like this:

@media screen and (max-width: 768px) {
[class=”panel-grid-cell”] {
width: 100%;
}
}

Please let me know what I can do to make this work. I’ve tried an number of different classes and syntaxes. Thanks – Patrick

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff

    Hi, thanks for reaching out :)

    Please confirm that SettingsPage BuilderLayoutResponsive Layout is enabled. Also, edit the row concerned and check that Edit RowLayoutRow Layout: Collapse Behaviour is set to Standard. If both settings are as such, try a plugin conflict test. Temporarily deactivate all plugins not authored by SiteOrigin in one go and re-test the layout. If a working baseline isn’t found, temporarily switch over to the default theme Twenty Seventeen and leave all non-SiteOrigin plugins deactivated, then re-test.

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