Why is my mobile cart hidden behind product images?

Store Design
1

F55D5325-E285-4B09-9F5D-A7491B9F7B7B.jpeg
F55D5325-E285-4B09-9F5D-A7491B9F7B7B.jpeg3024×4032 2.86 MB

before

E4D3BA11-BD88-4717-8CBA-267D04EDD795.png
E4D3BA11-BD88-4717-8CBA-267D04EDD795.png828×1792 262 KB

after

Hello,

When I click add to cart on mobile, the side cart section is supposed to be on top of product images like the photos shown above but now all of a sudden the cart is back of the image (hidden) and doesn’t show up on the front.

www.sundaypaloma.com

2

Hi @jaesielee !

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

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Asset >theme.css and paste this at the bottom of the file:

@media screen and (max-width:749px){
.grid–no-gutters>.grid__item .product__photo–single {
padding-top: 0 !important;
}

.grid–no-gutters>.grid__item .product__photo–single img {
position: relative !important;
}
}

Best Regards;

Pagefly

3

It doesn’t work :disappointed_face: Still the same. the cart notification on mobile is hidden back of the images.