Move Virtuemart product detail thumbnail images from bottom to side

Hello,

Sorry but there is no such option for Product Thumbnails.

Sincerely,
Nettie,
BillionDigital Team

Ok

Can this page be edited with a template override? Is it a virtuemart page or a themler page?

Cheers

Hello Richard,
you may try to move the thumbnails to the left via custom CSS code. Here is a sample for Desktop mode
.bd-imagethumbnails-4{
bottom: 20%;
height: 20%;
left: 100%;
position: absolute!important;
width: 100%;
z-index: 100;
}

Please remember that you may need to play around the z-index value. And left, bottom values should be set separately for each screen size (Laptop, Tablet, Phone). Because the position is set absolute

Regards,
Aileen

Hi

How do I apply this code to each screen size? I thought Custom CSS applied to all formats.

Cheers

Hello Richard,
you may specify different CSS options for different screen sizes with the help of media queries, e.g.

@media screen and (max-width: 750px) {
.bd-imagethumbnails-4{
...
}
}

For details you may refer to the article https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

regards,
Aileen