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

Fahad Ahmed

Hi, I am using Additional Variation Images Gallery plugin and facing an issue with the Thumbnail Position on mobile. I have set the Thumbnail Position to Left as you can see in the Screenshot. This works perfectly on desktop but on mobile the thumbnails go to bottom. I cannot find a setting for “Thumbnail Position on Mobile” in the back-end. Any help regarding this issue will be highly appreciated. Thanks.

The link to the Product page is as follows:

https://phonestorerosmalen.nl/product/iphone-x-64gb-zwart-refurbished-klasse-b/

Screenshot 2021-05-17 at 12.49.48 PM.png

Hakik Zaman

Hello Fahad Ahmed,

Sorry for the inconvenience.

Unfortunately, we didn’t keep that option for mobile. Because, it will show very small thumbnail. Sometime, it is difficult to find if the size of thumbnails are small.

If you want the look as like as desktop you can put below code here- Appearance > Customize > Additional CSS and hit Publish button.

@media only screen and (max-width: 767px){

.woo-variation-gallery-container.preload-style-blur {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}

.woo-variation-gallery-thumbnail-slider {
display: flex;
flex-direction: column;
}

.wvg-gallery-thumbnail-image {
width: auto !important;
}
}

Thanks