Theme Editor: Layout

The Layout settings on the “POS Cafe Online” block control the structure and spacing of the menu — width, how the location header and navigation look, density, and corner roundness. Open them in Online Store → Themes → Customize.

The Layout section of the POS Cafe Online block settings in the theme editor
Theme editor → POS Cafe Online block → Layout.

Content width

Controls how wide the menu is on large screens:

  • Full width — spans the available space.
  • Centered — a comfortable centred column (default).
  • Custom max width — set your own maximum.

When you choose Custom max width, a Custom max width slider appears (960–1800px). It only shows for the custom option.

Show location details

Toggles the location header (name, address and opening hours) at the top of the menu. On multi-location stores, a compact “Change location” link is kept either way so customers can still switch.

Show section background

This toggle switches between two looks:

  • On — the whole menu sits inside a contained, rounded section panel. You can colour it with Section background color (under Colors). Best with a Centered or Custom content width.
  • Off — the menu sits directly on the page, and the collection tabs become their own nav card for definition. In this layout you can tint that card with Navbar background, set in the Colors & Theming section.
Side-by-side comparison of Show section background turned on as a panel versus off as a nav card
The two layout styles.

Menu navigation style

Choose how the collection tabs look:

  • Pills — rounded, filled active tab (default).
  • Underline — an underline under the active tab.
  • Plain text — minimal text links.
  • Buttons — bordered button-style tabs.
The four menu navigation styles: Pills, Underline, Plain text and Buttons
Navigation style options.

Content density

Sets the spacing between products and menu sections (and the nav card spacing): Compact, Comfortable (default), or Spacious. Compact fits more on screen; Spacious gives a roomier feel.

A comparison of the Compact, Comfortable and Spacious content density options
Density options.

Corner radius

The roundness of cards, buttons and inputs: Sharp, Small, Default, Rounded, or Extra rounded. This applies consistently across the menu.