My dynamic buttons leave a large gap on the left, just below my checkout button. How can I close this gap? Alternatively, how can I make the lengths of each dynamic button equal to 50% of the length of the checkout button? I am using the Dawn theme. Thank you in advance for helping me solve this issue.
Topic summary
Issue: In the Shopify Dawn theme, enabling dynamic checkout buttons created a large gap to the left below the main checkout button. The requester wanted the dynamic buttons to each be 50% width of the checkout button.
Context: Dynamic buttons were enabled via the theme settings checkbox. Trust badges were added by custom code in main-cart-footer.liquid. Store URL was shared for troubleshooting. Screenshots were used to show the layout issue and settings.
Attempted fix: A CSS rule (setting flex-grow: 1 on a Shopify “cleanslate” element) was suggested for base.css. It did not work, likely due to other CSS overriding it.
Action taken: The helper requested and received store access to diagnose and adjust the layout/code directly. After changes, they asked the requester to recheck.
Outcome: The button layout was corrected; the gap removed and sizing/alignment fixed. The requester confirmed success and expressed appreciation. Specific code changes applied during access were not detailed.
Status: Resolved. No remaining questions or open items.
Notes: Dynamic checkout buttons are Shopify’s alternate payment buttons (e.g., Shop Pay, PayPal). Attachments (screenshots) were central to understanding the issue and verifying the fix.
1 Like
@kuehlapisbymom , can you share your store url?
@kuehlapisbymom , Did you add custom css to this section from the theme editor?
I added the dynamic buttons by clicking the checkbox button as shown above.
And i added the Trust Badges by adding the code to main-cart-footer.liquid
@kuehlapisbymom , go to base.css and add the following code:
.shopify-cleanslate .Vru56DW5IUIiRpxbGTDg {
flex-grow: 1 !important;
}
Salam. thank you for yr prompt reply, Samer. I’ve tried. It doesn’t work.
@kuehlapisbymom , can I send you access request to better solve this problem, it seems that other code is overwriting mine.
Please check your email, Thank you,
1 Like
@kuehlapisbymom , check the buttons now.
Well done! Abdosamer! Thank you so much!
1 Like
Hi Samer, just a small token of appreciation. Hope you will enjoy your coffee. Thank you once again.
1 Like
@kuehlapisbymom , Thank you so much , feel free to contact me if you need any help.