Change the thumbnails at the bottom of the product picture to the left side in dawn theme

Shopify Discussion
1

Hi there,

Does anyone know how to change the thumbnails at the bottom of the product picture to the left side of the product picture on PC view?

2

Hi,

You need to work on HTML structure (Product Template) and CSS

Locate the Thumbnail Section and Move Thumbnails

Code example

Update CSS Styles

.product-gallery {
    display: flex;
    align-items: flex-start;
}

.product-main-image {
    flex: 1;
}

.product-thumbnails {
    width: 20%; /* Adjust as needed */
    margin-right: 20px; /* Space between thumbnails and main image */
}

.product-thumbnails img {
    display: block;
    margin-bottom: 10px; /* Space between thumbnail images */
}

and Adjust Media Queries