Shopify themes, liquid, logos, and UX
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 |
---|---|
72 | |
65 | |
55 | |
54 | |
42 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023