Can't scroll down to checkout button on mobile with more than 4 items in cart

[micahsa]

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! 🙂

[KetanKumar]

@micahsa 

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;
}

[micahsa]

Hi @KetanKumar , so I only have a Styles.css.liquid, will the code work the same?

[KetanKumar]

@micahsa 

yes, please add work as well 

[micahsa]

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

[KetanKumar]

@micahsa oh sorry can you please add this code also

#theme-ajax-cart {z-index: 6666666666;}
.ajax-cart__overlay {z-index: 55555;}

[micahsa]

Wonderful, thank you!  It works great now.

[KetanKumar]

@micahsa 

its my pleasure to help us