Modify the Desktop's Header & Mega menu

Header is a static section which will affect all pages.

TABLE OF CONTENTS

• Header Settings
  • Logo
  • Menu settings
  • Form search
  • Languages & Currencies
  • Information
• Mega Menu
  • Mega Navigation ticket
  • Mega menu ticket
  • [Style] ticket

Header Settings

• Enable Boxed layout to add a padding around the heading section.
• Switching on/off the Mega Navigation (Mega menu)

To change related color settings of Desktop header, please access Theme config section or Theme settings > Header to modify the operation.

Logo

• Insert your store logo and resize the image to fit the page header.

Menu settings

• Pick your Primary menu and switch the Hamburger button on with the Menu settings tab.
• To edit/ create a new menu, go to the Navigation tab from your Shopify Admin. We suggest creating all the necessary menu(s) first.

Form search

• Search form style: Let you choose the search bar's style.

Languages & Currencies

• Enable a drop-down box so that the users can pick their suitable language and currency.

Information

• Add additional information on header.

Mega Menu

Tickets arrangement tip:

Bring the Mega Navigation op top of the tickets you want to group them into one mega menu.
[Style] tickets are used to modify the content of the other ones. Put it down below the ticket which you want to apply.

Mega Navigation

• To activate a Mega menu, you have to enter the exact name of the Menu title into the text-box as the image below
• Then you can adjust the height and padding for the whole block.

Mega menu 

Click Add content > Mega Menu to create a new one. You can have multiple mega menu(s) in one primary menu item.

• Menu item: Insert/ create a menu
• Show menu title
• Block settings: To adjust the present menu size and padding

• With the Column width: There are 02 ways to insert the values: Using fraction or percent numbers. But please do not use 02 different units at the same time.

Beside the traditional menu type, we have other options for your mega navigation:

1 - Mega banner

2 - Mega collection

3 - Mega banner 2

4 - Product

Click Add content and choose the menu type. Instead of normal menu type, these let you create a mega menu which displayed as a banner picture, collection or a single product. You can have multiple mega menu(s) in one primary menu item.

• First, Insert a banner/ collection/ product.
• Adjust its related elements.
• Set the Block settings for the present image/ collection/ product.

• To learn how to insert values for specific fields, please refer to this document. 

[Style]

As the notice above, the [Style] tickets are used to modify the content of the other ones.

• [Style] Button: Add colors & styles for the buttons.

• [Style] Text: Adjust heading and subheading styles for Mega banner 2...

• [Style] Product: Adjust the price display for Mega banner 2...

How to insert values for your theme.