Make add to cart button full width in Sense Theme

Store Design
1

For some reason my add to cart button isn’t full width. Can someone help me make this happen? Site: Purevalentine.com

1 Like
2

Hello @lovelisticteam

You can add code by following these steps to make add to cart button full width

  1. Go to Online Store → Theme → Edit code.

  2. Open your base.css file

  3. Paste the below code at the bottom of base.css

.product-form__buttons{
max-width:100% !important;
}

techlyser_ecom_0-1674304126053.png
techlyser_ecom_0-1674304126053.png1891×884 207 KB

3

@lovelisticteam

Paste the below code at the bottom of base.css

.product-form__buttons{
max-width:100% !important;
}
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.product-form__buttons {
max-width: initial!important;
}

ZestardTech_0-1674460546663.png
ZestardTech_0-1674460546663.png1907×794 158 KB

1 Like
5

Yes, this one is actually better because it only sets the product buttons to max width. When doingmax-width:100% !important; Other buttons like write a review are also stretched to max width. Thanks :slightly_smiling_face: