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].
Hi there,
I have the following problem and am having a hard time searching for it correctly so I’ll start this thread and please forgive me if the solution is already out there somewhere:
I have a SiteOrigin Page Builder site with a grid like this:
<col>
</col>
<col>
</col>
<col>
</col>
<col>
<col>
</col>
<col>
</col>
<col>
</col>
<col>
</col>
</col>
Now in every row all columns collapse in the mobile view. Normally that is what I want so I cannot disable responsiveness globally, however in this case I would like the row I gave the class “non-responsive” to not collapse. I still would like to use a page builder row with columns as all columns should have unique widths (i.e. 20%, 30%, 15%, 35%) and they should shrink but not collapse…
How can I achieve this? Any help would be appreciated.
whoops, the code tag messed up my pseudo mark-up badly… this is what it should look like without code tags:
And another try (sorry :/):
{row}
{col}
{some widget /}
{/col}
{col}
{some widget /}
{/col}
{/row}
{row}
{col}
{some widget /}
{/col}
{col}
{nested layout builder}
{row class=”non-responsive”}
{col}
{image widget/}
{/col}
{col}
{text widget/}
{/col}
{col}
{image widget/}
{/col}
{col}
{text widget/}
{/col}
{/row}
{/nested layout builder}
{/col}
{/row}
Bump with another try of the code-tag:
{row} {col} {some widget /} {/col} {col} {some widget /} {/col} {/row} {row} {col} {some widget /} {/col} {col} {nested layout builder} {row class="non-responsive"} {col} {image widget/} {/col} {col} {text widget/} {/col} {col} {image widget/} {/col} {col} {text widget/} {/col} {/row} {/nested layout builder} {/col} {/row}