Dawn Theme Sticky add to cart trubleshooting for custom code

Solved

Dawn Theme Sticky add to cart trubleshooting for custom code

Sivadarshan
Shopify Partner
229 1 32

I'm using dawn theme latest version in that i have implemented Sticky add to cart via custom code in product page in that Add to cart button is comming in 2 lines, But I need is 1 line till the edge of website. For reference i'll attach the image. The orange mark is for the button size and text in one line.

 

Website: https://mannavan.myshopify.com/

Password: offnorth

 

Screenshot 2024-12-03 182905.png

Thanks in advance. 

Accepted Solution (1)

steve_michael2
Trailblazer
441 38 55

This is an accepted solution.


Hi @Sivadarshan 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

button.product-form__submit.button.button--full-width.button--primary.sticky-atc-button {
    width: 100% !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

View solution in original post

Reply 1 (1)

steve_michael2
Trailblazer
441 38 55

This is an accepted solution.


Hi @Sivadarshan 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

button.product-form__submit.button.button--full-width.button--primary.sticky-atc-button {
    width: 100% !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!