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.

To add your logo, go to Theme settings > Logo.

  • Select a Menu for your header.

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

To add, remove, or edit menus in your Shopify store, see Editing menus

💡 See how to customize Mega menu:

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.

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:

Padding

  • Customize the Header Top Padding and Bottom Padding.

  • Adjust Navigation Padding for precise spacing.

Last updated