How to center and make smaller de checkout bottons on mobile version

Store Design
1

Hello everyone,

I need help with some of the css coding to make a button smaller on my mobile view.

We are using the SENSE theme, we added another button (for showing to clients a “paying” with credit option) and added text on the buttons as well. On deskopt version the size of the buttons is good, but on mobile its too big. (please refer to pic).

Do you know how can we make the button smaller just on mobile so it fits at the center of our mobile screen just below the order notes?

AdrianEd_1-1652298141965.png
AdrianEd_1-1652298141965.png181×395 20.2 KB

AdrianEd_2-1652298174166.png
AdrianEd_2-1652298174166.png638×317 30.8 KB

Thank you very much in advance,

Best regards.

1 Like
2

@AdrianEd

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Dear Ketan, good afternoon.

Did you have the chance to look after our web’s URL?

URL: https://grupet.mx/

You can access to the site with this email: [email removed]

and password: ZXY489

Once again, thank you.

We remain attentive to your response and appreciate your help.

Best regards.