How can I rearrange product page elements in the Narrative theme?

Store Design
1

Hi All, I am trying out the Narrative theme for the first time. Everything looks nice and clean BUT then I discovered the product page…

I would like to get the product image on the left side and description quantity, add to cart button etc. on the right side next to the image.

Captura de ecrã 2021-07-26 194108.png
Captura de ecrã 2021-07-26 194108.png1082×722 59.3 KB

Any advice on what to do here?

2

@Jhonvs

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.

3

@Jhonvs
Share me your Store Detail

Thank you.

4

www.vissance.com

5

@Jhonvs

thanks for store url can you please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px)  {
.product-template__media.page-width.page-width--no-gutter {
    float: left;
    width: 50%;
}
.product__content.page-width {
    float: left;
    width: 50%;
}
.product__content-main {flex-wrap: wrap;}
.product__description, .product__form-container {width: 100%;}
}

After Code Layout

KetanKumar_0-1627790824940.png
KetanKumar_0-1627790824940.png1920×1080 223 KB

6

worked perfectly! Appreciate!

7

@Jhonvs

it’s my pleasure to help us