​

Overview

​

Using Built-In Solutions

1. Enable “Override existing scroll locking logic”:
   • Open the Cart Editor in your Upcart settings.
   • Go to Settings → Cart settings, then expand Advanced Settings.
   • Enable Override existing scroll locking logic. Its description covers exactly this case: a theme or third-party app leaving the page scroll-locked after the cart closes.
   There is no separate mobile or overlay scroll setting — this one checkbox covers both.

​

Accessing Custom HTML Settings

1. Open the Upcart App from your Shopify dashboard.
2. Navigate to the Cart Editor.
3. Open Settings and select the Custom HTML tab. Settings is a row of tabs — if you don’t see Custom HTML, it’s behind More settings.

​

Adding the Code

1. For advanced or specific cases where built-in solutions do not resolve the issue, you can apply custom HTML code in Upcart. Choose where to apply the HTML code in Upcart. For this fix, select the section Above Announcements/Rewards.
2. Add the following code snippet:

<script>  
window.upcartSubscribeCartOpened(() => {  
  var elementLockingThePage = document.querySelector('body');  
  if (elementLockingThePage != null) {  
    elementLockingThePage.setAttribute('style', 'overflow-Y:hidden !important');  
  }  
});  
window.upcartSubscribeCartClosed(() => {  
  var elementLockingThePage = document.querySelector('body');  
  if (elementLockingThePage != null) {  
    elementLockingThePage.setAttribute('style', 'overflow-Y:scroll !important');  
  }  
});  
</script>

1. Save your changes.
2. Refresh your storefront and test closing the cart to confirm scrolling is restored.

​

Why This Happens

​

Additional Steps Before Contacting Support

1. Ensure Override existing scroll locking logic is enabled.
2. Double-check if custom code or third-party scripts might interfere.