The header often serves as a table of contents for the storefront, featuring key navigation links that you set up in the Navigation settings of the Shopify admin.
Use the Header settings to select menus to display, add mega navigation, add mega menu with sidebar, and multi-column single menu for your header navigation.
Select menus to display
Empire now features two menu options for the header navigation: First menu and Second menu.
Need more menu options? Consider expanding Empire's header with the Utility bar
By default, the theme will include your Main menu as the first. To switch to another menu, click Change.
Add menus two both menus to split the header navigation to the left and right sides. To have one navigation menu spanning the full header, use only the first menu option.
Add mega navigation
Select [+] Add content > Mega navigation to begin building your Mega navigation.
The Mega navigation trigger identifies which menu item the menu feature will stem from. Enter matching text to connect the mega navigation to the menu item (e.g. if there is a menu item called “Our Catalog”, to be mega navigation you would type Our Catalog into the trigger field). This feature works best if your menu item has been turned into a drop-down menu in your Shopify admin.
Include a custom image or two
The mega navigation also includes promotional Custom image blocks to highlight certain sales.
Click Select image, then add Text and Link using the provided fields.
Using the Position dropdown, specify how this custom image will display with your mega navigation links. There are two options, positioning the Custom image before or after the menu columns.
The options are:
- First column
- Last column
Customize the Size of the Custom image block by using the dropdown.
The options are:
- Small
- Medium
- Large
Add a mega menu with sidebar
A recent addition to Empire's navigation options, Mega menu with sidebar provides an engaging alternative to mega navigation.
Select [+] Add content > Mega menu with sidebar to get started.
The Mega navigation trigger identifies which menu item the menu feature will stem from. Enter matching text to connect the mega menu to the menu item (e.g. if there is a menu item called “Catalog” you would type Catalog into the trigger field). This feature works best if your menu item has been turned into a drop-down menu in your Shopify admin.
Adjust submenu layout
Select one of three options to change the Submenu layout for the menu tiers.
The options are:
- Text columns
- Product image grid
- Collection image grid
To further adjust the images included in the second and third options, select an option from Image aspect ratio. Then Enable image crop to fit images to their containers.
Add a multi-column single menu
A Multi-column single menu is an alternative to the Mega navigation that converts a dropdown menu into a grid-style layout. This option is valuable for dropdowns that contain many items within one category (e.g. brand lists, sports teams).
Select [+] Add content > Multi-column single menu to add this content option.
Identify menu item to convert
Add the menu item title into the Menu trigger field to modify that item's dropdown.
