Home>Support>Page Builder column collapse order

Page Builder column collapse order

Hi SiteOrigin Team,

I am having trouble with the specific page (link below) collapsing into text, image, image, text, text, image and so on when collapsing down in a more mobile-friendly view. I understand that the ability to check a box isn’t an option yet, which is perfectly fine! However, I would really love a workaround to get it to look like image, text, image, text when collapsed.

A separate issue – I seem to have trouble implementing JavaScript and not have my Page Builder widgets go crazy, so if the help could come in a different format (CSS maybe?) that would be better.

Thanks!

URL: http://bit.ly/218juC6

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

  1. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi :)

    Perhaps try:

    1. Insert the following at Appearance > Custom CSS:

    /* Page Builder Custom Classes */
    
    @media (max-width: 780px) { 
      #page-wrapper .non-responsive .panel-grid-cell {
        float: left;
        width: 50%;
      }
    }
    

    2. Edit each row on the page in question, click Attributes on the right and insert a row class as follows:

    non-responsive
    
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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More