Make the product image bigger on mobile phone / Impulse Theme

Start a Business
1

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
Captura de pantalla 2022-02-24 a las 12.14.04.png746×1650 211 KB

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

I appreciate your help on advance!

1 Like
2

@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;
}
1 Like
3

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%;
}
}
1 Like