Product Pages are Not Correctly Aligned - Debut Theme

Store Design
1

Hi! I am using the Debut theme on my website, www.terrasoleil.com. On some of my product pages (when there is no variant present e.g. color, size, etc.), the product description, price, and purchase buttons don’t take up the normal width that they should.

This is how I would like the alignment for all my product pages to be:

Screen Shot 2022-01-22 at 7.29.05 PM.png
Screen Shot 2022-01-22 at 7.29.05 PM.png2854×1334 586 KB

But some of them look like this, appearing squished to the left:

Screen Shot 2022-01-22 at 7.29.10 PM.png
Screen Shot 2022-01-22 at 7.29.10 PM.png2850×1310 414 KB

My website is www.terrasoleil.com for reference. Thank you in advance for your help!

1 Like
2

@terrasoleil

oh sorry for that issue

can you please share particular product url if you have issue

3

Hi @terrasoleil ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.product-form--payment-button-no-variants,
.product-form--payment-button-no-variants .product-form__item--no-variants {
    max-width: 100%;
}

I hope it would help you.

4

This worked perfectly, thank you!!

1 Like