✨Header

Configure the header section

Select customize the theme. Click on the top dropdown menu to select the home page template.

Click on the customize theme.

From the side menu, select the header.

Configure the "Header" in the setting on the right side with the following settings.

Header	Container width Choose the container width from following options: - Edges gap - Small Header style Choose the header style from below options: - Logo left, menus center - Logo left, menus left - Logo center, menus left - Split menus - Side reveal menus Sticky header Select from the following options: - None - On scroll up: This setting makes the header sticky when users scroll up the page from the bottom. - Always: This setting keeps the header permanently sticky as the page is scrolled. (Note: It's not applicable to the side reveal menus header style.) Border visibility Choose the border visibility from below options: - None - Always - On scroll. Enable icon background Select this checkbox to show the background of icons.
Split menus	Enable collapse menus Select this checkbox to enable the menus collapse for the split menus only.
Logo	Logo Select any image to appear as the store logo. Desktop logo width Adjust the slider to customize the logo width from 100px to 300px. Mobile logo width Adjust the slider to customize the logo width from 50px to 150px
Transparent header	Transparent pages Choose where to make the header transparent: - None - Home page only - All pages Transparent visibility Choose the visibility of transparent header on: - Desktop - Mobile - Both Header space This space adjusts the header as per the background width. Choose the header space options from the following options: - Small - Medium - Large (Note: Transparent logo and colors will not work in split header type.) Alternate logo Select any image to appear in the transparent header. Colors Text Choose any color for the text in the transparent header. Icon background Choose any color for the icon background in the transparent header. Icon color Choose any color for the icon in the transparent header.
Navigation	Menu Select menus from the backend default navigation list of Shopify. It will appear in the Header as the menu. For more details, refer to the Shopify menus. Open first menu items on Choose from the following options to open the menus on: - Click - Hover Desktop menu type Select from the Dropdown or Mega menu to display the menu time. (Note: Menu type is automatically optimized for mobile.)
Category menus	Select menus from the backend default navigation list of Shopify. These category menus appear in the left drawer. For more details, refer to the Shopify menus.
Mobile	Show social media icons Select the checkbox to show the social media icons. (Note: To showcase your social media profiles, please link them in the social media settings under the theme settings.) Show language and location Select the checkbox to show the language and currency details. (Note: To display either the language or location (currency), navigate to theme settings > Internationalization, and select the desired option.) Mobile logo position Choose the logo position from below options: - Center - Left.

Mega menu with gallery

(Note: This mega menu is not applicable to the category menus.)

1. Add the mega menu with gallery block.

2. Select a menu label similar to the first-level navigation you added from Shopify navigation. For instance, Catalog.

3. You will be connected to this menu by typing the same name into the mega menu created through the theme editor.

Mega menu with gallery	Menu label Type the same name of the first-level menu to add it to a mega menu. These mega menus connect to the header menus. Example: Your main navigation consists of “Home”, “Shop”, and “Contact.” If you want to have “Shop” as this mega menu, you must type “Shop” in the menu label field. Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Menu Select menus from the backend default navigation list of Shopify. For more details, refer to the Shopify menus. Show menu images Select this checkbox to show the images of collection and blog posts in the added menu above. Default image Choose any image from the store library. This image appears on the menus without having an image.
Content	Image ratio Choose the image ratio from the following options: - Auto - Landscape - Square - Portrait Solid Overlay opacity Adjust the range bar to determine the overlay opacity. Text alignment Choose the text alignment from below options: - Left - Center - Right
Promotion 1 & 2	Image Choose an image to display in the mega menu. Heading Add a descriptive caption to the image in the mega menu. Heading size Select the heading size from the following options: - Medium - Small - X-small Description Enter the description text. Description text size Select the description text size from the following options: - X- large - Large - Medium - Normal - Small - X-small Image link Include a link to the image in the mega menu.

Category mega menus

(Note: This mega menu is not applicable to the main menus.)

• Add the category mega menus block.

• Select a menu label similar to the first-level navigation you added in category menus. For instance, Catalog.

• You will be connected to this menu by typing the same name into the mega menu created through the theme editor.

Category mega menus	Menu label Type the same name of the first-level menu to add it to a mega menu. These mega menus connect to the header menus. Example: Your main navigation consists of “Home”, “Shop”, and “Contact.” If you want to have “Shop” as this mega menu, you must type “Shop” in the menu label field.
Content	Image ratio Choose the image ratio from the following options: - Auto - Landscape - Square - Portrait Solid overlay opacity Adjust the range bar to determine the overlay opacity. Text alignment Choose the text alignment from below options: - Left - Center - Right
Promotion 1 & 2	Image Choose an image to display in the mega menu. Heading Add a descriptive caption to the image in the mega menu. Heading size Select the heading size from the following options: - Medium - Small - X-small Description Enter the description text. Description text size Select the description text size from the following options: - X- large - Large - Medium - Normal - Small - X-small Image link Include a link to the image in the mega menu.