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.

Fix a row (of a nested Layout Builder Widget)

Open 3 replies pluginplugin-page-builder
Otax
10 years ago · Last reply by Otax 10 years ago

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.

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Otax 10 years, 7 months ago

    whoops, the code tag messed up my pseudo mark-up badly… this is what it should look like without code tags:

  2. Otax 10 years, 7 months ago

    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}

  3. Otax 10 years, 7 months ago

    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}

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