Skip to main content
⚠️ Important notice This customization only works with Version 1 of the Upcart cart modules. If you recently upgraded your cart to Version 2, these customizations may not work. You will need to use the new selectors provided for Version 2 in the migration guide. If your customizations are not working as expected, you can also revert your cart back to Version 1 instead of using Version 2. We are currently working on new customization templates for Version 2 of the modules, and they will be available soon.

​
Overview

On certain mobile devices, users might be able to scroll the Upcart horizontally, exposing an unintended white space on the right. This usually occurs when a child element within the cart exceeds the viewport width or disrupts the layout’s natural constraints, resulting in horizontal overflow. Image

​
CSS Solution

To prevent this behavior and keep the cart constrained to the viewport width, simply copy the code below and add it to the following directory: Cart Editor > Settings > CSS 
.upcart-cart-body  
{  
	overflow-x: hidden !important;  
}