Header – Boostheme Help Center

Overview

The Header is the main navigation area at the top of your store. It helps customers quickly access important parts of your shop, including:

Store logo
Navigation menu
Product search
Customer account / Cart / Compare (if enabled)
Store information (optional)
Country / Language selector (optional)
Social media links (optional)

The Header can also be configured as Sticky (always visible when scrolling) or Transparent on the homepage.

Header Structure

The Header consists of two parts:

Header Top (Optional)

This bar appears only when at least one of the following is enabled:

Store information blocks
Country or language selector
Social media links

You can assign a separate color scheme for this area.

Header Main

This is the primary navigation bar and includes:

Logo
Menu
Search
Account / Cart / Compare icons

The layout changes depending on the selected logo position.

Header Settings

Colors

Color scheme
Controls the color of the main header.

Top color scheme
Controls the color of the Header Top bar.

Logo

Logo
Upload your store logo.

Logo width
Controls the logo width on desktop.

Logo width on mobile
Controls the logo width on mobile devices.

Logo position
Choose where the logo appears (left, center, or specific layouts).

Sticky Header

Enable sticky header
Keeps the header visible while scrolling.

Sticky behavior

Show only when scrolling up
Always sticky

Social Links

Enable social links
Displays social media icons if links are set in Theme settings.

Search

Expand search box
Expands the search input in the header (available only for certain logo layouts).

Mobile Layout

Mobile logo position

Center
Left

Show country/language selector in drawer on mobile
Moves the selector into the mobile menu drawer.

Show store information blocks on mobile
Displays store information on mobile devices.

Localization (Country & Language)

Enable country selector
Works only when your store has multiple countries.

Enable language selector
Works only when your store has multiple languages.

Transparent Header (Homepage)

Enable transparent on homepage
Makes the header transparent on the homepage.

Logo in transparent
Logo used when header is transparent.

Text color transparent
Text color used in transparent mode.

Header Blocks

You can add blocks to extend the functionality of the Header.

Mega Menu Blocks

Used to add additional content into the mega menu.

Mega menu promotion

Displays a promotion banner (image, text, button) inside the mega menu.

Mega menu product brand

Creates a “Shop by brand” section.

Mega menu product type

Creates a “Shop by product type” section.

Important:
These blocks work based on the menu item name.
If you rename the menu item, you must update the block trigger accordingly.

Menu Label

Displays icons or labels near the menu (for example: New, Hot).

Menu Badge

Adds a badge (for example: Bestseller) to a menu item.

Store Information

Displays store information such as Free Shipping, Hotline, or Support.

Customer Supported Region

Displays regional support information such as hotline, address, and email.

Highlight Top Item

Highlights a menu item with custom color or style.

Mega Menu Behavior

The theme automatically decides whether to use:

Standard dropdown menu
Mega menu layout

Based on the menu structure and number of sub-items.

Important Notes

Social icons appear only when social links are configured.
Compare icon appears only when enabled in Theme settings.
Blocks using menu name trigger will stop working if you rename the menu item.
Transparent header applies only on the homepage.