Scrolling in cart page getting stuck (Empire Theme)

[ChinChile]

Hello,

I'm having an issue when I have multiple items in the cart page and try to scroll up or down the scrolling gets stuck. It moves a little and bounces back to starting position. The issue exists on desktop and mobile and on Chrome, Safari, and Firefox browsers.

See attached video recording to see the problem.

Website is: https://chinchileproducts.com

I've only tested the issue on Mac and iPhone.

Any help is appreciated.

Thanks!

Tony

[GemPages · Accepted solution]

Hello @ChinChile ,

It's GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.template-cart #site-main {
  overflow-x: initial !important;
}
</style>

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[ChinChile]

This worked thank you!

[GemPages]

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

[StoreWatchers]

Hello @ChinChile,

Greetings from the Store Watchers Support Team! Happy to help you today. 

There is a issue with the current CSS which is causing the issue :

To fix the issue you need to update the theme's CSS.  Please follow below steps to resolve the issue.

Step 1 : Go to Online Store > Theme > Edit code of your current theme

Step 2: Open your theme.liquid theme file

Step 3: Add the below code before </head>

<style>
.template-cart #site-main{overflow-x: unset !important;}
</style>

Let me know if need further assistance. 

[PageFly-Victor]

Hi @ChinChile 

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.css

main#site-main{
overflow-x: inherit !important;
}

Hope this answer helps.
Best regards,
Victor | PageFly

[MandasaTech]

Hello @ChinChile 

I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :

<style>
.template-cart #site-main {
overflow-x: initial !important;
}
</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.