# How bundles look on phones

> What shoppers see on a phone, and the settings that shape it.

Source: https://help.attravo.com/bundle-builder/articles/how-bundles-look-on-phones
Updated: 2026-10-06

Most shoppers browse on their phones, so the bundle page is built for small screens first.

## The bundle bar

On a phone, the bundle summary docks to the bottom of the screen as a bar. It shows the items picked so far, the running total and the discount reached. Shoppers tap **View / Edit My Bundle** to open the summary and **Hide My Bundle** to close it. Once the bundle is complete, the bar shows the add to cart button.

![Opening and closing the bundle bar on a phone](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/12cf6fe9-057e-41ee-be3a-61ba6247a821/phones-1-bundle-bar-30b50cab6c.mp4#w=780&h=1688)

To change the bar's wording, edit **Mobile bar link** and **Mobile bar link when open** under **Settings** > **Appearance** > **Builder text**.

## Settings that shape the phone view

- **Products per row on mobile**, in the **Bundle Page** block: 1 or 2.
- **Banner image (mobile)**, in the **Bundle Page** block: best at 1200 px wide, up to 1000 px tall.
- **Auto-scroll trust points on mobile**, in the **Bundle Page** block.

See [Customize the bundle page](https://help.attravo.com/bundle-builder/articles/customize-the-bundle-page.md) for where to find them.

## Preview a phone while you edit

In each bundle's editor, the **Live preview** shows the bundle on a phone as you edit it. For bundles without steps, switch between **Phone** and **Computer**.

![The bundle page on a phone](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/12cf6fe9-057e-41ee-be3a-61ba6247a821/phones-2-storefront-c51f30e3fd.webp#w=780&h=1688)