i want resize image variant swatch

Highlighted
New Member
3 0 0

Screenshot (126).jpg

 

i want resize image variant swatches its look to small in mobile version any can help me resize this 

0 Likes
Highlighted
Astronaut
922 81 109

@Kwirfy 

 

please share your website URL and password if any

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
3 0 0

www.kwirfy.in please check 

0 Likes
Highlighted
Shopify Partner
485 54 76

Hi @Kwirfy ,

Add the following code to the bottom of theme.scss.liquid file (Edit theme code > Assets > theme.scss.liquid)

.swatch_variant_img {
width: 80px !important;
height: 80px !important;
}

 

But if you only want to resize in Mobile and not for desktop or tablet then use the following code

 

@media only screen and (max-width: 480px) {
  .swatch_variant_img {
  width: 80px !important;
  height: 80px !important;
  }
}

 

Let me know if you need help with anything else.

Umair Abbas

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
Astronaut
922 81 109
Click to expand...
@Kwirfy 

please add this css to the end of your theme.scss file

@media (max-width: 480px){
.swatch .swatch-element .swatch_variant_img { min-width: 100px; height: 100px;}

}

you can contact me if you need any more help.
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes