How to Customise Your Storefront Branding

Overview

The Branding settings let you control how your restaurant looks on your public storefront — your logo, cover photo, brand colour, and the overall layout of your menu. A well-branded storefront builds trust and makes your restaurant look professional.

How to Get There

1. In the left sidebar, click Settings.
2. Click Branding.

A live Storefront Preview on the right side of the page updates in real time as you make changes, so you can see exactly what customers will see.

[Screenshot: Branding settings page showing logo, cover photo, brand colour, and the live storefront preview on the right]

Logo

Upload your restaurant logo to display it on your storefront and ordering page.

1. Click Upload under the Logo section.
2. Select your logo image file.

• • Recommended size: 200 × 200 px (square)
  • Accepted formats: PNG, JPG, or WEBP
  • Maximum file size: 1 MB
  • Transparent backgrounds work best on PNG files

Tip: A square logo works best. Circular images may get cropped.

Cover Photo

The cover photo is the banner image shown at the top of your storefront ordering page. It's the first thing customers see.

1. If no cover photo is set yet, click Upload to add one.
2. If a photo is already set, click Replace to swap it out or Remove to delete it.

• • Recommended size: 1200 × 400 px
  • Maximum file size: 1 MB

[Screenshot: Cover Photo section showing an uploaded restaurant cover image with Replace and Remove buttons]

Brand Colour

Your brand colour is used for buttons, accents, and highlights across your storefront.

1. Click one of the Theme Presets colour swatches to pick a preset colour.
2. Or enter a custom colour in the Custom HEX field (e.g. #c94f2c) and click Save color.

The Storefront Preview on the right will update immediately to show the new colour on the Order Now button and other elements.

[Screenshot: Brand Colour section showing colour presets and the custom HEX input field]

Theme

Choose the overall visual layout of your storefront menu:

• Modern (Active by default) — The default layout that lets you choose category and item display styles independently. Supports both List and Grid views.
• Classic — A clean, stacked menu with a featured dish shown per category. Category and item layout options do not apply in Classic mode.

Click the theme you want to activate.

Storefront Layout

(Available in Modern theme only)

Choose how categories are displayed on mobile:

• Category list — Categories are shown as a scrollable list on the left
• Standard list — A simple top-to-bottom layout

Menu Item Layout

(Available in Modern theme only)

Choose how individual menu items are displayed on both mobile and desktop:

• List — Items shown in a vertical list with image on the side
• Grid — Items shown in a grid with larger images

Click Save Changes at the bottom of the page when you are happy with your branding settings.

[Screenshot: Theme section showing Modern (Active) and Classic options, with Storefront layout and Menu item layout dropdowns]

Updated on: 27/06/2026