Make Product Images Stay On One Line On Mobile?

[swishandflickco]

When I view my site on desktop, there are four products to a row on my home page. When I view it on mobile, it makes them large and there is only one per row, so you can only see one at a time and you just scroll down one big long column to see the products. I do not like that. How can I make it so there are more to a row on mobile? Even just having TWO to a row on mobile would be so much better.

[Adam7]

There's an app in our App Center which can help with that, @swishandflickco:

https://www.weebly.com/app-center/column-lock?ref=ac-search

[swishandflickco]

@Adam I tried that app already, it does not work for my needs. That app works when you create columns. But it doesn't work when I have product photos on my home page, using the Weebly "products" template that you drag and drop. It's frustrating

[Adam7]

Yea, I thought they might have been individual elements rather than a single Products element. In theory you could use 4 different Products element with each linked to one product each, then use those with the Columns lock element. I'm not sure if that would work for what you want, though, since it would be limited to just the four products.