Make the product image bigger on mobile phone / Impulse Theme

[jtorres]

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. 

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

I appreciate your help on advance!

[DelightCart · 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;
}

[DelightCart · 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;
}

[ZestardTech · 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%;
}
}