We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Add to cart button size in Debut theme

Solved

Why is my 'Add to Cart' button smaller for products without variants?

darrenmillar
Tourist
4 0 33

Hi all

I'm stuck, the Add to Cart button shows correctly on all products with variants.

When no variant is present the button is smaller and throws the design off center.

width is set to 100% in the liquid.

Any ideas?

www.eribastuff.com

Screenshot 2021-07-26 23.26.10.pngScreenshot 2021-07-26 23.26.30.png

Accepted Solution (1)

Nick_Marketing
Shopify Partner
1487 336 467

This is an accepted solution.

Go to theme.css and add this snippet to the bottom.

 

.product-form__item--no-variants{
  max-width: inherit;
}

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Replies 3 (3)

Nick_Marketing
Shopify Partner
1487 336 467

This is an accepted solution.

Go to theme.css and add this snippet to the bottom.

 

.product-form__item--no-variants{
  max-width: inherit;
}

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
darrenmillar
Tourist
4 0 33

You're a wizard Nick!

Thank you.

Nick_Marketing
Shopify Partner
1487 336 467

@darrenmillar
I am glad the issue is resolved!

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).