Re: Mobile Checkout not functioning in Safari

Mobile Checkout not functioning in Safari

miguel_by
Excursionist
18 0 2

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: 

IMG_8325.PNG

But when I try to click on it the bar always pops up making it impossible to click.

IMG_8326.PNG

 

Did anyone experience the same issue? Thanks in advance!

Reply 1 (1)

Entesta
Shopify Partner
80 8 20

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.


oeaLb.jpg

Thank you.

We value your feedback! Let us know if this helped by giving it a thumbs up or marking it as a solution or buy us a coffee.
Looking for Shopify experts to help you with your website? We are just one click away. Drop an email or say hi on WhatsApp to initiate a request support@entesta.com | +91 79083 21294
Entesta - Powering Your E-Commerce Journey with Shopify Expertise