Header
A guide to edit header in your store
The Header section in the Hyper theme is a crucial component for navigation, branding, and showcasing important content. It allows for an engaging and user-friendly shopping experience through its customizable mega menu blocks.
How to edit the header section
You can freely customize your header to suit your business needs by choosing the main menu, and other addons.
Steps:
Go to Online Store > Themes > Customize.
Choose Header section
Make necessary changes
Save the settings.
Menus
Select a Menu for your header.
Select a Mobile Menu to ensure smooth navigation on smaller screens.
💡 See how to customize Mega menu:
Mega menuDrop-down menu trigger: Choose whether dropdowns open on Click or Hover.
Enable collapse on scrolling: Toggle ON to minimize the header while scrolling up down the page, keeping it compact.


Header layout
Choose between Logo left or Logo center to align your branding with your design preferences.

Sticky header
Enable the Sticky header option so the menu remains visible when customers scroll. Set it to appear:
Always visible
On scroll up

You can also enable a separator line between the header and other sections below
Mobile layout
Toggle options for:
Showing media social icons. Go to Social media to set up your social links.
Enabling language selectors for multilingual stores. Learn more: Use Language selector
Enabling country/region selectors for international markets. Learn more: Use Country/ Region selector

Padding
Customize the Header Top Padding and Bottom Padding.
Adjust Navigation Padding for precise spacing.

Last updated