Change the cart drawer width and position

Cart position under General → Settings sets the side. Width (desktop) under General → Styles sets the width, from 320 to 720 pixels. On phones the drawer is always full width.

Change the side

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under General, open Settings.
4. Set Cart position: Slide from right or Slide from left.
5. Click Save.

Change the width

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under General, open Styles.
4. Set Width (desktop). New carts start at 450.
5. Click Save.

Width by screen

• 990 pixels and wider: your Width (desktop).
• 769 to 989 pixels: 420 pixels.
• 768 pixels and narrower: full width.

Desktop options

These sit under General → Settings and work on desktop only:

• Floating cart: the cart floats with rounded corners and a shadow.
• Rounded corners: rounds the two corners facing your store. It hides while Floating cart is on.
• Keep page accessible while cart is open: shoppers can still scroll and use the page.

Good to know

Escape or a click on the dim overlay closes the drawer. Shopify's chat bubble hides while the drawer is open.

Related

• Change the cart drawer colors and style
• Choose when the cart drawer opens

Also searched as: cart width, drawer width, wider cart, narrow cart, cart too wide, cart too narrow, cart on left side, left side cart, cart size, full width cart, mobile cart width, floating cart, rounded corners cart, scroll page with cart open