Home>Support>Rows with Layout Builder in Columns don’t collapse responsively

Rows with Layout Builder in Columns don’t collapse responsively

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].

If there is a row with 2 or more columns, we know they stack when browser width shrinks. But if there is the Layout Builder widget (the one that let’s you create rows/columns inside of columns) – for some reason the columns that house that layout builder won’t go full width and stack – they just stay in split columns.

Here is an example project: mypayjunction.com

The blue section under the header is a row. The text/button is one column on the left, and the stamp graphic is another column on the right. The text on the left has the Layout Builder plugin to create those additional columns.

When you shrink the browser, the text on the left should stack and the graphic on the right should go under in it’s own row. However, it doesn’t – both stay side by side.

I’ve looked through the CSS and can’t figure out why, since it shows that the column each have 100% width, but are not exhibiting it.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More