how to make add to cart tab full wide

Store Design

Topic summary

A user seeks help making the add to cart button full width in the Dawn theme.

Solution provided:

  • Add custom CSS to the end of the base.css file
  • Navigate to: Online Store → Theme → Edit code → base.css
  • Insert the CSS rule: .product-form__submit { width: 100%; }

This CSS modification will stretch the add to cart button to span the full width of its container.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

How to make add to cart tab full wide in Dawn theme.

2

@clementjaw001 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.product-form__submit{width: 100%;}