Add To Cart Buttons showing on Mobile View Shopping Cart

Hi Everyone!

When you view shopping cart on mobile view, on scroll the dropdown selections/add to cart buttons of the underlying product show up over the top of the cart inventory.

I’ve spent time trying to play around with a few different settings but cannot figure out how to disable it on this view or stack it underneath using z-index, but so far have not figured it out.

Any guidance on how to solve would be great!

Thanks


Here is my site Read-Only: https://preview.webflow.com/preview/boomalacka?utm_medium=preview_link&utm_source=designer&utm_content=boomalacka&preview=453505ff7c3d190459e1f8ee3c2fd256&pageId=611dd8f1ed61c533e6453d55&itemId=612c34a0d9c353cba14f2259&workflow=preview

Hi @lachie, thanks for your post, it looks like you were pretty spot on in your thinking, I made a quick video where it looks like some Z-index on div block 24 class might be causing the issue, the override only exists for the mobile viewport:

I hope this helps :slight_smile:

.cd

1 Like

Legend! Thank you for the help, Dave. Problem solved!

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.