Home>Support>4 Cells into 2up with break-points, possible?

4 Cells into 2up with break-points, possible?

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

Hey guys,

I’m new to this plugin and hit a stumbling block for the past day or so with this so hoping someone could help me out.

I have a row with 2 cells on the page, when the window hits a breakpoint I need the element to go into a 2+2 cell within that same row (so all 4 cells showing 2 under eachother)

I saw this post…

➜ https://siteorigin.com/thread/custom-width-of-3-cells-in-one-row-with-page-builder/

…and tried to figure it out with that but I can’t seem to get the desired effect I need.

The rows have a custom class named ‘fourCellRow’ & it’s cells have ‘fourCellInner’

I have tried…

.fourCellRow .panel-grid-cell {
width: 45% !important;
}

…but it seems there is a ‘float’ but even when I do ‘float: none’ I’m still getting all cells within that row show up one under each-other rather than 2up.

Unfortunately the site in not live so can not show you the page, but hoping that my explanation above makes sense.

Thanks in advance if anyone could help.

Cheers,

Kia.

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