Solved

All mobile buttons overlap

Floof
Visitor
2 1 0

While testing my site before launch, I am noticing that all of my buttons on mobile are overlapping. Can you help to provide coding to increase the padding site wide?

 

Screenshot 2024-04-28 at 10.41.06 AM.png

Screenshot 2024-04-28 at 10.40.49 AM.png

  

 

Accepted Solution (1)

Floof
Visitor
2 1 0

This is an accepted solution.

Solved it! 

 

To adjust button settings on the cart pop up menu find:

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role='button'],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {

 

At the bottom of the list and add

margin: 55px:

 

Stay inside the }

View solution in original post

Reply 1 (1)

Floof
Visitor
2 1 0

This is an accepted solution.

Solved it! 

 

To adjust button settings on the cart pop up menu find:

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role='button'],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {

 

At the bottom of the list and add

margin: 55px:

 

Stay inside the }