Cart button wont show drop down on mobile version

Design help Ecommerce
1

Here is my site Read-Only: [https://www.shoresideclub.com/[1]
(how to share your site Read-Only link)

2

Try setting position to “absolute” on the “cart-container-4” class for mobile viewports.

3

When I try to change the position to absolute, i get a message saying that the cart wrapper position can’t be changed.

4

Hey Salomon! I’m have the same problem. Did you find a solution?

5

Do you have a read only link? The link provided goes to the site

7

Hey guys!

I’ve just come across the same issue and was searching for a solution and nada so i played around with things and figured it out!

Just import this code into your page settings “inside head tag”

<style>
@media(max-width:480px) {
.cart-wrapper{
height:90vh;
width:100vw;
z-index:1000;

}
</style>

The “@media(max-width:480)” means that it will only affect the mobile portrait view and smaller so your cart look funky on your other screen sizes.

P.S. - Make sure you go to your cart and change the class on your cart wrapper to “cart-wrapper” for this to work. or change the code to match your wrappers class.

Hope this helps! :blush: