Scrolling in cart page getting stuck (Empire Theme)

Solved

Scrolling in cart page getting stuck (Empire Theme)

ChinChile
Tourist
6 0 1

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

Accepted Solution (1)

GemPages
Shopify Partner
5625 1261 1231

This is an 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

GemPages_0-1672123710548.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

GemPages
Shopify Partner
5625 1261 1231

This is an 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

GemPages_0-1672123710548.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ChinChile
Tourist
6 0 1

This worked thank you!

GemPages
Shopify Partner
5625 1261 1231

I am glad that my solution is helpful to you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

StoreWatchers
Trailblazer
205 30 36

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 :

 

StoreWatchers_0-1672124474603.jpeg

 

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. 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

PageFly-Victor
Shopify Partner
7865 1785 3079

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
Shopify Partner
723 146 153

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.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page