Home>Support>displaying a table of images on mobile

displaying a table of images on mobile

Hi

I use siteorigin on my home page, and on a couple of other pages where I need a pagebuilder.

On my home page I list all the brands in a table. The table is 7 across, and however many rows I need to display all brands.
In practise I add a SiteOrigin Layout. I then add a Row, with 7 columns. I then add Siteorigin Image to each column in the table. Each image is a “Brand logo”, plus a link to the brand. The images are pretty small at 150 x 65 pixels.
If need be, I then add another row….., etc

All works great and looks great on desktop.

My issue… The page either has 7 images across, or on mobile 1 image per row… Now how can I change that to either 7 across or on mobile 2 (or maybe 3) across..???

cheers, Bruce

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

  1. 4 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bruce

    Thanks for reaching out.

    When editing each row, in the Layout section on the right you can set the Collapse Behaviour to Standard or No Collapse, you can also choose the Collapse Order in the setting below. At SettingsPage BuilderLayout you can set the global Mobile Width and thereby adjust, globally, when columns will collapse.

    At the moment, it isn’t possible to set custom breakpoints. It’s something we’ve investigated in the past but has proven to be a very complex task.

    If you want to look for an alternative solution TablePress and Ninja Tables are two plugins that come to mind, I see Ninja Tables mention the ability to configure responsive breakpoints.

  2. 4 years, 6 months ago Bruce Macgregor

    I'm set to standard collapse, and I checked my mobile device width in settings is assigned as default, but it the row doesn't collapse… It's all or just 1 image

    Anyway, I'm simply not displaying on my mobile site

  3. 4 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    All columns displayed horizontally on desktop and all columns vertically on mobile is the expected result. If you mean that only one image is displayed on mobile, please, send a link to the page concerned and we’ll take a look.

  4. 4 years, 6 months ago Bruce Macgregor

    Thats what i am getting. I'd like the 7 across x2 deep "Table " to become say 3 or 2 across, 6 down..

  5. 4 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for confirming. At the moment, it isn’t possible to set custom breakpoints. Custom breakpoints are what you’d need to achieve what you’re after. If you want to look for an alternative solution TablePress and Ninja Tables are two plugins that come to mind, I see Ninja Tables mention the ability to configure responsive breakpoints.

  6. 4 years, 6 months ago Bruce Macgregor

    Thanks, I'll check Ninja out.

  7. 4 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    For sure :) If any SiteOrigin questions arise in the future, please, let us know.

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