How can I create multiple products per line in a shop page on mobile?

WalkingLantern · October 12, 2022

I'm trying to add multiple products per column in my shop page.

I have found the option under Design to complete this for desktop view, but wondered how it can be done for mobile view.

Thanks,

walkinglatern

Edited October 12, 2022 by WalkingLantern
Misspelt URL

Ziggy · October 12, 2022

Try this guide:

WalkingLantern · October 12, 2022

It didn't work - perhaps because the guide is for 7.1?

I am using Adirondack 7.0 I believe.

Ziggy · October 13, 2022

For 7.0 this Custom CSS should work:

@media only screen and (max-width: 700px) {
#productList .product {
    float: left;
    width: 48%;
    margin-right: 2%;
  }
}

Edited October 13, 2022 by Ziggy

tuanphan · October 16, 2022

On 10/12/2022 at 8:01 PM, WalkingLantern said:

It didn't work - perhaps because the guide is for 7.1?

I am using Adirondack 7.0 I believe.

The code worked or you still need help?

Recommended Posts