Header
A guide to edit header in your store
Last updated
A guide to edit header in your store
Last updated
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.
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.
Select a Menu for your header.
Select a Mobile Menu to ensure smooth navigation on smaller screens.
Drop-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.
Choose between Logo left or Logo center to align your branding with your design preferences.
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
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
Customize the Header Top Padding and Bottom Padding.
Adjust Navigation Padding for precise spacing.
To add, remove, or edit menus in your Shopify store, see
See how to customize Mega menu:
