Skip to content
Cart
Error loading cart
Pickup options

Mega Menu

Styleguide

Contact

Default pair-banner

Banner right, custom left, even columns, gap L, middle-center placement.

Reversed + small gap

Banner left, custom right, gap S, order_mobile reversed.

Gapless first-wide

Custom column wide, banner narrow, columns touching (gap 0).

Rounded + bordered

Parallax + top-left content

Overlay content

Top-left

Shop

Heavy dark overlay

Bottom-right over 70% dark

Light-background trick

White overlay at 50% turns a dark image into a soft light background — dark text on banner should stay readable.

Dark text on light overlay

Video background

Autoplay muted

Frame + callout-group

Callout group wrapped in theme-group-frame — exercises the frame-wrapping pattern for non-@theme children.

Quality

Free returns

Mobile-specific image

Resize narrow — the banner should swap to a different image tuned for portrait viewports.

Custom 600px height + full-width section

Scheme override

Banner default color scheme is scheme-opposite (dark). Overriding to scheme-default so dark text should appear on light overlay.

scheme-default

Left banner

Right banner