How to make the cards on the Featured Collection section wider on mobile for Sense theme

[CarSyncCentral]

Im wanting to make the cards on my “Featured Collection” section look how it looks on computer but instead they are super narrow as seen in the pictures. Is there a way to make them wider on mobile using the Sense theme?

[Asad-Mahmood]

What’s your store url

[Asad-Mahmood]

Go to your online store → customize → settings → custom css and paste this code there

@media (max-width: 767px) { 
    .card:not(.ratio) {
        width: 153px;
    }
.grid {
    column-gap: 38px;
}

[Guleria]

Hello @CarSyncCentral ,

As the carousel is by default active for mobile in sense theme so its better to use 1 column for mobile layout.

Thanks

[AK_Design_Dev]

Hello @CarSyncCentral

please share url

[CarSyncCentral]

https://carsynccentral.com

[CarSyncCentral]

https://carsynccentral.com

[Asad-Mahmood]

Go to your online store → customize → settings → custom css and paste this code there

@media (max-width: 767px) { 
    .card:not(.ratio) {
        width: 153px;
    }
.grid {
    column-gap: 38px;
}
}

[CarSyncCentral]

I had to do a little bit adjusting to the numbers but it works. Thank you so much!