Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
When I put more than 4 items in my cart, I can't scroll down to see the Checkout button when viewing my cart on Mobile.
When I try scrolling, it moves the background page, but not the cart.
I tried Safari and Edge.
sweetleigh.com
Help! 🙂
sorry for that issue can you try this code .
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css->paste below code at the bottom of the file.
#theme-ajax-cart {
overflow-y: auto;
}
Hi @KetanKumar , so I only have a Styles.css.liquid, will the code work the same?
yes, please add work as well
Ok, I did, and it resolved the mobile scrolling, but it has caused an issue with viewing on the web browser.
Essentially, if I open up the cart flyout, it scrolls fine, but when I hover my curser over any part of the webpage behind it, it will initiate a scroll of that background page, and eventually it can't seem to decide which one to prioritize for scrolling. Sample of what's happening in this video:
https://www.screencast.com/t/SncArIUq
@micahsa oh sorry can you please add this code also
#theme-ajax-cart {z-index: 6666666666;}
.ajax-cart__overlay {z-index: 55555;}
Wonderful, thank you! It works great now.
its my pleasure to help us
User | RANK |
---|---|
240 | |
99 | |
87 | |
51 | |
42 |