Header

The header appears at the top of every page in your store. In addition to the standard logo, menu, search, account, and cart, you can add the Hellostore visual menu — a mega menu that automatically lines up images from the linked collections and products.

Type: Shopify standard section (with Hellostore extensions)

How to add

The header is pre-installed on every page. In the theme editor (admin “Online Store → Themes → Customize”), select “Header” at the top of any page to configure it.

Settings

• Logo position: Where the logo sits — left, center, or top center
• Menu: The navigation menu shown in the header. Edit its contents under admin “Content → Menus”
• Menu type: How the menu opens on desktop. “Dropdown” opens a small panel under the item. “Mega menu” opens a wide panel and is required for the visual menu. “Drawer” uses a hamburger button even on desktop
• Menu color scheme: The color scheme of the opened menu panels
• Sticky header: Whether the header stays at the top while scrolling
• Separator line: Whether to draw a line under the header
• Language selector / Country-region selector: Show the language and market switchers (requires store language and market setup)
• Spacing (top, bottom, bottom margin): The space around the header
• Adjust text sizes: Adjusts the text size and spacing in the header. Off by default.
• Icon motion: Choose None or Subtle. With Subtle, header icons move slightly on hover. It applies only when Icon style in the theme settings is Line icons.

Blocks

Visual menu

A menu whose cards automatically show images from the linked collections or products. Use it for “Shop by silhouette” or category browsing where customers choose by look. No image upload is needed — the link destinations supply the images.

Add it from the header’s “Add block” by choosing “Visual menu”.

• Menu item position: Enter the position of the top-level header item to enhance, counting from 1. The selected item must have child links
• Image link menu: Choose the menu whose links become the cards. Pick a menu with 4 to 6 collection or product links
• Show child links as image cards: When the image link menu is blank, shows this item’s child links as image cards (default: off)
• Image ratio: The aspect ratio of the card images. Choose Standard, Adapt to image, Portrait (4:5), or Square (default: Standard)
• How the image fits: How each image fits its frame. Choose Show full image or Fill the frame (default: Show full image)
• Heading: The heading shown in the panel
• Show links directly in the mobile drawer: Removes the extra parent-menu step and shows this branch on the first drawer screen on smartphones
• Promotional link label: The text of the supporting link shown at the bottom of the panel (for example, a link to a fit quiz)
• Promotional link URL: Where the promotional link goes

Images come from the link destinations

Card images come from the link destinations. A collection link uses the collection image, falling back to the first product image when the collection has none. A product link uses that product’s image. To change an image, replace the image on the linked collection (or product), or swap the contents of the image link menu — not in the theme settings.

Two conditions must be met

To display the visual menu, set the header’s Menu type to “Mega menu”. Dropdown mode does not use image panels, and the images will not appear if the menu item at the chosen position has no child links.