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
957 83 114

@Kwirfy 

 

please share your website URL and password if any

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

www.kwirfy.in please check 

0 Likes
Highlighted
Shopify Partner
501 56 78

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
Highlighted
Astronaut
957 83 114
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