How can I fix my mobile cart drawer appearing behind product images?

Store Design
1

CC765DDE-340B-4F01-9C97-C79E60A09FA3.png
CC765DDE-340B-4F01-9C97-C79E60A09FA3.png828×1792 262 KB

Hello

How do I bring this mobile cart drawer ( I don’t know what to call it) to the front?

It’s all of a sudden hidden behind the product images. It works fine on desktop but for mobile it’s weird..

www.sundaypaloma.com

2

Hi @jaesielee

You called it right. I do not see this issue in your website. See image below

made4Uo_0-1661386089122.png
made4Uo_0-1661386089122.png576×907 78 KB

3

yes it works fine when I resize it to mobile size on my desktop but

on my actual cell phone, it looks like the one I posted..

4

Hi @Jaesielee

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

This problem only occurs on ios devices. you can refer to my code

Go to Online Store > Themes > Edit Code >theme.liquid. After you can paste this code to before element

@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { @media (max-width:767px){ cart-notification,cart-notification div{ z-index:99999 !important } #MainContent{ z-index:-1 !important } } }}

Best Regards;

Pagefly