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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024