One-time payment — no monthly fees

↑ ↓ to move · Enter to open · Esc to close

Header & navigation

Header

135 settingsv2.0.15
Header (Desktop)
Real screenshot from a Pixelion demo store.

What it is

The header is the top strip of the whole store: it shows your logo, the navigation menu, the search, account and cart icons and, if you want, a shop-now button and a promotional banner.

When to use it

  • Define how the header of your whole store looks and behaves.
  • Build large menus (megamenus) with featured content and products.
  • Give mobile shoppers a comfortable navigation with a side drawer.
  • Add a «Shop now» button or a promotional banner to the header.
Used by default in
Header (every page)
Available in
Any template

Main settings

How this section's settings are organised.

  • General Header Settings10 settings

    Sticky header · Show separator line · Color scheme · Transparent header · and 6 more

  • Logo Settings2 settings

    Desktop logo position · Mobile logo position

  • Desktop Navigation Menu6 settings

    Navigation alignment · Enable full screen width mobile · Menu · Highlight active link on desktop · and 2 more

  • Desktop Megamenu Settings19 settings

    Links to display megamenu · Show primary content section · Links to show primary content · Primary section layout · and 15 more

  • Megamenu Styling13 settings

    Primary section title size · Primary section description size · Navigation column title size · Navigation sublink size · and 9 more

  • Mobile Navigation4 settings

    Mobile drawer type · Title · Secondary menu · Color scheme

  • Mobile Drawer Layout & Positioning8 settings

    Drawer width · Maximum drawer width · Header padding · Body padding · and 4 more

  • Mobile Drawer Typography & Colors5 settings

    Drawer title size · Main link size · Submenu link size · Utility link size · and 1 more

  • Mobile Drawer Background Overlay3 settings

    Overlay color · Background blur effect · Overlay visibility

  • Mobile Drawer Advanced Settings11 settings

    Accordion item vertical padding · Accordion item horizontal padding · Submenu top padding · Submenu right padding · and 7 more

  • Shop Now Button13 settings

    Show shop now button · Button text · Button link · Shop now button width · and 9 more

  • Shop Now Button Effects7 settings

    Add shadow · Shadow X offset · Shadow Y offset · Shadow blur · and 3 more

  • Promotional Banner Text6 settings

    Mobile text size · Text alignment · Text color · Text #1 · and 2 more

  • Promotional Banner Icons11 settings

    Icon scale · Icons color · Icon #1 · Filled icon #1 · and 7 more

  • Promotional Banner Container9 settings

    Width · Stacking direction · Stacking spacing · Enable background · and 5 more

Full reference: 135 settings

Type, default value, ranges and units, every option and when each setting shows — plus every block setting, tips and the docs of older versions. Available to Pixelion customers.

I'm a customer: sign inGet Pixelion

File: sections/header.liquid · v2.0.15