Make product gallery slider bigger on mobile

Kaash · ‎07-28-2023

Hi,

I want to make the product gallery bigger on mobile.

Thank you for the help

INA_MSWEB · ‎07-29-2023

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

@media screen and (max-width: 749px) {

.product--mobile-columns .product__media-item {width: calc(75% - 1.5rem - var(--grid-mobile-horizontal-spacing)) !important;}

}

Regards,

San

If it’s helpful to you, please mark it as a solution.

Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

View solution in original post

Made4uo-Ribe · ‎07-28-2023

Hi @Kaash ,

Can i give a try? Would you mind to share your URL website? with password if its protected. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

Kaash · ‎07-28-2023

Sure!
Batgrip.myshopify.com

INA_MSWEB · ‎07-29-2023

Hi @Kaash

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

@media screen and (max-width: 749px) {

.product--mobile-columns .product__media-item {width: calc(75% - 1.5rem - var(--grid-mobile-horizontal-spacing)) !important;}

}

Regards,

San

If it’s helpful to you, please mark it as a solution.

Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Kaash · ‎07-29-2023

It worked! Thanks a lot San

Make product gallery slider bigger on mobile

Make product gallery slider bigger on mobile

Community Blog Articles