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

[pearlle]

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).

Thanks in advance.

Mike.

[KetanKumar · Accepted solution]

@pearlle 

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

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

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

[KetanKumar · Accepted solution]

@pearlle 

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

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

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

[pearlle]

Www.pearlle.com
Pearllellc.myshopify.com

[KetanKumar · Accepted solution]

@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;
}
}

[pearlle]

@KetanKumar 

Thank you very much!

work great! exactly as how we wanted!

Thank you,

Pearlle

[KetanKumar]

@pearlle 

it's my pleasure to help us