Mobile Checkout not functioning in Safari

[miguel_by]

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!

[Entesta]

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.