Header Styles

Sellzar offers multiple header layouts to perfectly fit your brand's navigation needs.

Header Style Comparison (Bar vs Flat)

Replace this placeholder with the actual screenshot

Overview

The Header is the core of your store's navigation. Sellzar provides two primary layout architectures:Bar Layout (contained within a bar) and Flat Layout (full-width, seamless integration). Each can be customized with different logo alignments and utility bar configurations.

1. Logo Bar vs. Flat

Bar Layout

The logo and navigation are contained within a distinct background bar. Best for stores with a clear "utility" focus.

Logo Bar Preview

Replace this placeholder with the actual screenshot

Flat Layout

The header content sits directly on the page background or overlay. Best for modern, minimalist designs.

Flat Layout Preview

Replace this placeholder with the actual screenshot

2. Top Action Bar

The top-most part of the header that handles utility functions and primary contact info.

  • Social Integration: Displays icons linked in Theme Settings.
  • Market Support: Automatic language and currency selectors.
  • Customer Support: Quick-access phone and email links.

Top Action Bar Settings

Replace this placeholder with the actual screenshot

3. Mega Menus

Create advanced navigation by using blocks within the Header section.

Matching Logic
Mega menus are triggered by the Menu Item Name. For example, if you want a mega menu for "Shop", your Mega Menu block's "Trigger Item" must be exactly "Shop".

To create a Mega Menu:

  1. Go to Header > Add Block.
  2. Select Mega Menu.
  3. Enter the Trigger Link Name (matches your Main Menu).
  4. Upload featured images or select featured collections to display.

Mega Menu in Customizer

Replace this placeholder with the actual screenshot

4. Mobile Navigation

Sellzar includes a custom mobile drawer designed for speed and ease of use on touch devices.

  • Collapsible nested menus.
  • Integrated search and account links.
  • Theme-aware styling (Light/Dark).

Mobile Navigation Preview

Replace this placeholder with the actual screenshot