Add to cart padding & complimentary products help

[Unfurl]

two things that I would like assistance with please.

using theme TESTAMENT

ON MOBILE VIEW:

1. I would like to make the padding around the text for add to cart button slimmer 

2. for the complimentary products section, to have it aligned on the left side and make the heading smaller font

[akshay_bhatt]

Hi @Unfurl ,

To adjust the Testament theme’s mobile view:

1. Slim Padding Around "Add to Cart" Button:

   • Go to Online Store > Themes > Edit code.
   • In theme.css or custom.css, add:

@media only screen and (max-width: 767px) {
    .product-form__cart-submit {
        padding: 8px 12px; /* Adjust as needed */
    }
}
@media only screen and (max-width: 767px) {
    .complementary-products__heading {
        text-align: left;
        font-size: 16px; /* Adjust as needed */
    }
}​

save and preview changes.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

[Unfurl]

hi there, i  tried adding this into  few different places in the theme code but could not get it to work?

[DaisyVo]

Hi @Unfurl 

May I have your store URL for further investigation? Thank you!

Best,

Daisy - Avada Support Team. 

[Unfurl]

Thank you,

www.unfurlclothing.com.au