How to stop image/product stacking on mobile

Site URL: https://www.fruitandvegdelivery.uk/

Hello,

Can someone take a look at my site and tell me how to stop products stacking please! There is multiple pages that have this!

Hi. You want 2-3 products/row on mobile?

tuanphan yes I would also like to know this 

14 hours ago, jakelyd said:

tuanphan yes I would also like to know this 

Each template needs a different solution. Can you share link to your site?

On 10/20/2021 at 10:50 AM, tuanphan said:

Each template needs a different solution. Can you share link to your site?

MY RECOVERY | UK's No. 1 Brand For Infrared lights (myrecoveryuk.co.uk)

53 minutes ago, jakelyd said:

MY RECOVERY | UK's No. 1 Brand For Infrared lights (myrecoveryuk.co.uk)

You mean products under RED LIGHTS?

1 hour ago, tuanphan said:

You mean products under RED LIGHTS?

yes please

On 10/20/2021 at 2:44 AM, jakelyd said:

tuanphan yes I would also like to know this 

Strange. I remember I sent the code

Add to Design > Custom CSS

/* Redlights mobile */
@media screen and (max-width:767px) {
div#page-section-60b515f7da68ad5e09f52bb6 .span-4 {
    width: 50% !important;
    float: left !important;
}
div#page-section-60b515f7da68ad5e09f52bb6 .span-4:nth-child(2n+1) {
    clear: left !important;
}
}

On 10/27/2021 at 10:06 AM, tuanphan said:

Strange. I remember I sent the code

Add to Design > Custom CSS

/* Redlights mobile */
@media screen and (max-width:767px) {
div#page-section-60b515f7da68ad5e09f52bb6 .span-4 {
    width: 50% !important;
    float: left !important;
}
div#page-section-60b515f7da68ad5e09f52bb6 .span-4:nth-child(2n+1) {
    clear: left !important;
}
}

 

Thank you 🙌🏼🙌🏼 I will try it as soon as I get home and let you know if it works 🙌🏼

On 10/27/2021 at 10:06 AM, tuanphan said:

Strange. I remember I sent the code

Add to Design > Custom CSS

/* Redlights mobile */
@media screen and (max-width:767px) {
div#page-section-60b515f7da68ad5e09f52bb6 .span-4 {
    width: 50% !important;
    float: left !important;
}
div#page-section-60b515f7da68ad5e09f52bb6 .span-4:nth-child(2n+1) {
    clear: left !important;
}
}

 

it worked thank you !! would there be a code to put products into a carousel on my home page when in mobile view ?

On 10/29/2021 at 2:59 AM, jakelyd said:

it worked thank you !! would there be a code to put products into a carousel on my home page when in mobile view ?

Red lights to carousel? No way to do this

You can add a Summary Carousel under current products, then we will give code to show it on mobile only instead.

On 11/1/2021 at 8:56 AM, tuanphan said:

Red lights to carousel? No way to do this

You can add a Summary Carousel under current products, then we will give code to show it on mobile only instead.

Okay thank you and I will do this then and let you know once I have done it, would the image attached be possible on mobile ?

On 11/2/2021 at 6:26 PM, jakelyd said:

Okay thank you and I will do this then and let you know once I have done it, would the image attached be possible on mobile ?

It will use default layout from Summary Carousel. You can add & check Carousel style.

On 11/4/2021 at 3:06 AM, tuanphan said:

It will use default layout from Summary Carousel. You can add & check Carousel style.

thank you! would there be a code to have my website banner shrink rather than crop the sides ?

On 11/16/2021 at 12:06 AM, jakelyd said:

thank you! would there be a code to have my website banner shrink rather than crop the sides ?

Hi,

For which images?