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.
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024