Solved

Make the product image bigger on mobile phone / Impulse Theme

jtorres
Explorer
66 0 17

Hello, I am using the impulse theme and I want the product image to display bigger on the phone format, so that customers cannot preview the next photo. 

Captura de pantalla 2022-02-24 a las 12.14.04.png

 

 

This is the website:  https://diva-lash.com/products/pestanas-magneticas

I appreciate your help on advance!

Accepted Solutions (2)

DelightCart
Shopify Partner
1238 82 156

This is an accepted solution.

@jtorres Go to assetes/theme.css and past below css at bottom of file.

 

@media only screen and (max-width: 768px)
.grid--product-images--partial .flickity-slider .product-main-slide

{
width: 100%!!important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

View solution in original post

ZestardTech
Shopify Expert
5393 971 1292

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media screen and (max-width:749px){
.grid--product-images--partial .flickity-slider .product-main-slide {
width: 100%;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 2 (2)

DelightCart
Shopify Partner
1238 82 156

This is an accepted solution.

@jtorres Go to assetes/theme.css and past below css at bottom of file.

 

@media only screen and (max-width: 768px)
.grid--product-images--partial .flickity-slider .product-main-slide

{
width: 100%!!important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

ZestardTech
Shopify Expert
5393 971 1292

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media screen and (max-width:749px){
.grid--product-images--partial .flickity-slider .product-main-slide {
width: 100%;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing