fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Woo Variation Image Gallery

Future Eye

i have the premium woocommerce variation images plugin.

when i try to set the size for the tablet devices but it’s picking the desktop size.

check the screenshot i have set 65% for the desktop and 720px for the tablet

when my website open in ipad it use the 65% of the desktop not the 720px for the tablet.

 

"Screenshot"Screenshot

 

Hakik Zaman

Hello Future Eye,

Thanks for reaching out to us. Please check this screenshot, here is a max-width limit to apply those pixels.

Your Ipad landscape screen size is 1024 X 720 and you inserted 720px for max-width: 768px. Check this screenshot. So your setting applied like below CSS-

@media only screen and (max-width: 768px){
   .woo-variation-product-gallery {
      width: 720px;
      max-width: 100% !important;
   }
}

Thats why it applied the desktop gallery width of 60%. To achieve 720px width, you need to write a custom media query CSS.

For example:

@media screen and (max-width: 1024px) { //your code for gallery width }

I hope it will clear your confusion.

Thanks