Skip to main content

Grid & List Menu Layouts

Customers switch between grid and list menu layouts on mobile — no merchant setup needed

Written by Kate Khunvirojpanich
Updated this week

The customer ordering app supports two menu layouts. Customers can switch between them using a toggle button in the top navigation bar on mobile devices.


List View (default)

A vertical layout showing item names, descriptions, and prices. Best for menus with detailed descriptions or a large number of items.


Grid View

An image-forward layout displaying items as cards in a grid. Best for visual menus where food photography drives the ordering decision.


How it works

  • The toggle appears on mobile only — on desktop, the layout is fixed

  • The preference is saved to the device’s browser, so it persists across visits on the same device

  • Each device saves its own preference independently — a customer switching from phone to tablet will see the default (List View) again

  • No merchant configuration needed — this is a customer-facing toggle that works automatically


Which layout suits your menu?

Choose

When

List View

Long menu, detailed descriptions, items without photos

Grid View

Visual menu, strong food photography, fewer items per category

Since customers control this themselves, the best thing you can do is ensure your menu items have good photos — this makes Grid View look great for those who prefer it.

Did this answer your question?