Product page, mobile view, how to move products pictures & thumbnail pictures to top section

Store Design
1

Hi,

Please help,

Currently in product page, mobile view, the product picture and thumbnails pictures are below the product name, price, size variants, color swatches and add to cart section, I would like to know how and where move it to the upper section (above the product name, price, size variants, color swatches and add to cart section).

1.png
1.png430×719 37.4 KB

2a.png
2a.png408×707 34.1 KB

3.png
3.png399×691 80.1 KB

Thanks in advance.

Mike.

1 Like
2

@pearlle

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Www.pearlle.com
Pearllellc.myshopify.com

4

@pearlle

thanks for the details can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media screen and (max-width: 767px) {
.product-page--main-content.reverse {
    flex-direction: column-reverse;
    display: flex;
    flex-wrap: wrap;
}
}
1 Like
5

@KetanKumar

Thank you very much!

work great! exactly as how we wanted!

Thank you,

Pearlle

6

@pearlle

it’s my pleasure to help us