Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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 }
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 }
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025