Shopify themes, liquid, logos, and UX
Hey evryone,
I'm having issues with the Checkout when browsing our store in mobile. It seems like the button is too close to the safari bottom bar so it's not possible to click on checkout. I have tested this on different sized iphones and the issue remains the same on safari. Here is a screenshot on how it appears, first when in cart it looks normal:
But when I try to click on it the bar always pops up making it impossible to click.
Did anyone experience the same issue? Thanks in advance!
Hi @miguel_by
It seems to be happening due to the floating address bar.
You can try adding the following CSS to your theme and see if it helps.
.cart-drawer .side-panel-inner { height: 100svh; }
100svh refers to 100% of the height of the smallest possible viewport.
Thank you.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025