# Check the cart on phones

> See how the drawer and the full cart page look on a phone, and what changes from a computer.

Source: https://help.attravo.com/drawer-cart/articles/check-the-cart-on-phones
Updated: 2026-10-06

Most shoppers open the cart on a phone. The cart is built for it: the drawer fills the screen, and the full cart page stacks into one column.

![The drawer and the full cart page on phones](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/mobile-1-drawer-and-page-2c941059c1.webp#w=2012&h=1672)

## Preview it

1. On **Cart settings**, in **Live preview**, select **Mobile**. The preview opens on it.

![Cart settings with Live preview at phone width, and Mobile highlighted](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/preview-5-mobile-ee6c2512a5.webp#w=2012&h=1636)

2. Select **Drawer** or **Full page** to see each one.

The preview is a guide. Check your store on a real phone too: the setup guide's last step, **Check the cart on your store**, is there for it.

## What changes on a phone

- The drawer opens across the whole screen, whatever **Drawer width (desktop)** is set to.
- The full cart page stacks into one column: the reward bar above the cart lines, then the offers and checkout under them.
- A floating cart button with text shows only its icon and count on narrow phones.
- Offers in a carousel scroll sideways with a swipe.

## Keep it compact

A phone screen fills up quickly. If the checkout button sits far down, try these:

- Turn on **Start the note collapsed** for the order note.
- Choose **Carousel** for the offers, which keeps the feed to one row.
- Lower **Product image size** a little.