Home › Forums › WoodMart support forum › Increase “Add to cart” button on product page – Safari browser issue

Increase “Add to cart” button on product page – Safari browser issue

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 17, 2022 at 2:49 pm #384067

    malcolmff
    Participant

    Hi, I increased the size of the add-to-cart button but on safari it doesn’t work. please help!

    June 19, 2022 at 3:13 am #384381

    Elise Noromit
    Member

    Hello,

    Please try this code: 

    .product-type-variable .woocommerce-variation-add-to-cart-disabled {
display: flex;
}
.product-type-variable .product-image-summary .single_add_to_cart_button {
flex-grow: 1;
}
.product-type-simple .product-image-summary .cart {
display: flex;
}
.product-type-simple .product-image-summary .single_add_to_cart_button {
flex-grow: 1;
}

    and remove yours.

    If you have any questions please feel free to contact us.

    Best Regards

    June 19, 2022 at 8:07 am #384397

    malcolmff
    Participant

    Some of oit works but doesn’t work for these pages with extra product option. Screenshot attached

    Attachments:
    You must be logged in to view attached files.
    June 20, 2022 at 1:45 am #384475

    Elise Noromit
    Member

    Hello,

    Does the problem occur on Safari? I check on the Chrome and no problem: https://gyazo.com/4f8cec5de067fd91900c5fb38e22671f

    If you have any questions please feel free to contact us.

    Best Regards

    June 21, 2022 at 5:11 am #384834

    malcolmff
    Participant

    Yes, only Safari

    June 21, 2022 at 12:20 pm #384944

    malcolmff
    Participant

    Please help!

    June 22, 2022 at 3:02 pm #385369

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce-variation-add-to-cart button {
	width: 100%!important;
}

    Best Regards

    June 23, 2022 at 2:07 am #385501

    malcolmff
    Participant

    Do I use that with your CSS changes or put it into the existing ones?

    June 23, 2022 at 2:10 am #385502

    malcolmff
    Participant

    Wait, I added it into the existing CSS and worked! thanks !!

    June 23, 2022 at 9:20 pm #385784

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Increase “Add to cart” button on product page – Safari browser issue’ is closed to new replies.