ApplePay Button Width and Add to Cart

Hello my friends!

We will need your intervention.

Unfortunately we can’t figure out how we can make the ApplePay and Add to Cart buttons the same width. (See attached image) They have different widths and so we don’t like them.

Is it possible to make the same widths? We tried to set the options on the add to cart button from the Product Layout page such as Full Width and Inline but unfortunately it does not work well, it is badly seen making the compare and heart icons all attached.

Can you see how to solve this problem?

We leave you the credentials to the site.
We recommend that you do the tests with discretion as we are dealing with users on the Live site. We currently do not have a Staging site so we ask you to pay attention to any changes. But you can easily do your tests.

Let us know
We are waiting for you here!
Greetings
Luca

Attachments:

You must be logged in to view attached files.

Hello,

With the below code you can enlarge the “Add to cart” button, in this way they will equal width. Enter the code to the “Custom CSS for mobile” area that is in Theme Settings -> Custom CSS.

.single-product .single_add_to_cart_button {
    width: 100%;
}

https://gyazo.com/f587d91bcb7480ce206a3888ef018c55

If there’s anything else we can do, please get in touch.

Kind Regards

[Author]

Posts