Header

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.

#Menus

• Select a Menu for your header.
• Select a Mobile Menu to ensure smooth navigation on smaller screens.

💡 See how to customize Mega menu:

• 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.

#Header layout

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

Logo leftLogo centerLogo left, search center

#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.