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

micahsa
Excursionist
13 0 16

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

Replies 7 (7)

KetanKumar
Shopify Partner
36839 3635 11972

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
micahsa
Excursionist
13 0 16

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

KetanKumar
Shopify Partner
36839 3635 11972

@micahsa 

yes, please add work as well 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
micahsa
Excursionist
13 0 16

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
Shopify Partner
36839 3635 11972

@micahsa oh sorry can you please add this code also

#theme-ajax-cart {z-index: 6666666666;}
.ajax-cart__overlay {z-index: 55555;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
micahsa
Excursionist
13 0 16

Wonderful, thank you!  It works great now.

KetanKumar
Shopify Partner
36839 3635 11972

@micahsa 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing