Header

Header is one of the first elements that a visitor sees while viewing your website. It contains links to the important pages of your online store.

Change Header

You can change the header and so that it matches with the entire theme of your website.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click on Add Section.

The following slider will be displayed.

Step 4.
Select Header and you will receive the following options.

You can select any layout from the given templates.

Step 5.
Hover on any header template and click on  to get a preview of the selected template.

Step 6.
Click on Change Header if you want to apply the template.


Note

You can change an already existing header by hovering on the right side of then website header, and the click on  .

The following options will be displayed. Click on Change Header to view the header layouts.

This functionality is currently unavailable for mobile.

Change Color Palette

Color plays an important role when it comes to making any element of the website attractive to the user.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click anywhere on the header section.

The following options will be displayed. Click on Color Palette

Step 4.
Select the color combination as per your requirement  and click on Apply.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on next to the header section. The following options will be displayed.

Step 4.
Click on Background and you will receive the following options.

Step 4.
Select Background Color and the color palette will be displayed on your screen.

Step 5.
Select the color as per your requirement and click on Save.

Step 6.
Click on Color Palette and the following options will be displayed.

Select the color combination as per your requirement  and click on Apply.

Customize Menu

You can rearrange and edit the menu layout with this options.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click anywhere on the menu section in the header. The following options will be displayed.

Step 4.
Select Manage Menu. The following slider will be displayed on the screen.

Step 5.
Click and drag on to re-arrange the menu order.

Step 6.
Click on .This will display the following options.

1. Click on Edit to make changes in the menu links and name.
2. The Add Child Menu will add a sub-menu to the main menu name.
3. To delete the menu click on Remove

Child Menu & Sub-Child Menu Link

If you want to add a child menu under the parent menu, then you can add it by using this option.

Step 1.
Click on More icon of the menu under which you want to add the child menu.

Step 2.
From the options that appear, click on Add Child Menu.

Step 3.
From the Link To slider that opens up, select the option that you want to link the child menu with.

Step 4.
Enter the following details mentioned in the option selected by you and click on Save button at the bottom of the page.

The child menu saved will look as follows to you :

Sub-Child Menu
You can add sub-child menus under the child menu itself by following the same process mentioned above.

Step 5.
Select the option for Menu Styling from the dropdown.

Step 6.
To change the order of the menu links added, click on Drag icon and move the menu to its appropriate order.

Important Note
If the parent menu has child menus, then while dragging the parent menu the child menus will also be dragged along with it.

Step 7.
Click on More icon to Edit or Remove any sub-child menu.

Important Note
In case you delete the child menu and under that child menu are 2 sub-child menus, then the sub-child menus will become child menus.
Example
If I delete the Child Menu "Andheri" :


Then the Sub-child menus of the menu item Andheri will become as Child Menus.

Step 8.
Click on Settings button at the bottom of the slider. Tick the checkbox for header, footer or both which you want to display for all the menu links by default.

Step 9.
Once done, click on Save button to save the changes made by you.

Menu Styling

This option will help you in displaying menu links, child menus and sub-child menus in a different way for your website.

There are 2 ways in which you can organize your menu :

  1. Flyout Menu
  2. Mega Menu
Important Note
For Footer, the default menu styling will be Flyout Menu even if you change the styling to Mega Menu.

Flyout Menu

This option allows you to display the child menu first when the customer clicks on parent menu. Later, when the customer clicks on child menu then the sub-child menu is displayed.

When you select Flyout Menu option from the dropdown of the parent menu, this is how it will look on your website.

Parent and Child menu :

Parent, Child and Sub-child Menu :

Mega Menu

This option allows you to display the child menu and sub-child menu together when the customer clicks on parent menu.

When you select Mega Menu option from the dropdown of the parent menu, this is how it will look on your website.

Parent, Child and Sub-child Menu :

Step 7.
Click on Settings if you want to apply this menu customization to the header and/or the foot.

Step 8.
Click on Save once you have made the necessary changes.


Note

Clicking on Add Menu Link will display the following slider.

To know more about linking, click here.

Change Styling

You can also change the styling of the menu with this option.

Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click anywhere on the menu section in the header. The following options will be displayed.

Step 4.
Select Change Styling. The following options will be displayed on the screen.

1. Clicking on this option, displays a drop-down with a variety of font styles which you can choose from.

2. This option can be used change the font weight.
3. This option allows you increase the size of the text. The button will get disabled once it reaches maximum size.
4. This option allows you decrease the size of the text. The button will get disabled once it reaches the smallest size.
5. This option can be used change the text style to Bold.
6. This option can be used change the text style to Italic.
7. You can underline the text with this option.
8. This option allows you to change the color of the text. Clicking on this option will open the color palette.  To know more about about colors, click here.
9. This option helps you decide whether the text needs to be aligned to the left, right or the center. Selecting this option will display the following options.

10. Selecting this displays the following options. You can change the text to uppercase or lowercase.


11. This option allows you to delete the text section from the block

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on to open the main menu slider.

Step 4.
Click on Edit Menu. The following slider will be displayed.

Step 5.
Click on the to drag the menu options up and down.

Step 6.
Click on to delete the menu item. The following pop-up will be displayed. Click on Remove and the menu will be deleted.

Step 6.
Click on Save to apply the changes made.


Note

Clicking on Add Menu Link will display the following slider.

To know more about linking, click here.

Customize Logo

The company logo plays an important part when it comes to creating a good brand image for your online store.


Step 1.
Click on Customize Website from the main menu.Step 2.
Click on Customize Website.Step 3.
Click on the logo of your website. The following options will be displayed.

Go to Link: This option will take you to the page or section to which it is linked. Click here to know more linking.

Upload Logo: This option will open the following slider.

You can upload separate logos for mobile and website.
The Upload Image option opens a modal from where you can upload the picture.
The Add Text option enables the text option with which you can enter text in your logo.
The Clear option removes all the changes made.
Create New Logo : This option will open the following slider.

Enter the Company Name and Tag Line and click on Next. The following slider containing sample logo templates will be displayed.

Select the template of your choice and you will be directed to the Upload Logo slider.Click on Save once all the changes are made.

Company Name: This option will display the following slider. Enter the company name in Display Company Name. You can add different names for different outlets.


Note

Click on Copy to All to apply the name to all your outlets.

Change Styling: Clicking on this option will display the following options.

1. This will open the Upload Logo slider.
2. You can change the font style with this option.
3. You can change the font weight with this option. The following options will be displayed.

4. This option allows you the increase the font size.
5. This option allows you to decrease the font size.
6. You can change the text to Bold.
7. You can change the text to Italic
8. You can customize the color for the following elements.

Icon Color: You can change the color of your logo’s icon.
Text Color: You can change text color of your logo.
Icon Background Color: This option will allow you to change the background color of the icon.
Icon Border Color: You can change the color of the logo’s border with this option.

9. Clicking on this will display the following options. You can apply borders to the logo as per your requirement.

10. You can set the image radius with this option.

11. You can define the border width with this option. The following options will be displayed.

SEO: Clicking on this option will open the following slider.

Click here to know more about SEO.


Note

Once you have upload the logo image, you can edit the same by clicking on that image. The following options will be displayed.

The following editing options will be available.

1. This option will allow you to move the image around.
2. This option will flip the image horizontally.
3. This option will flip the image vertically.
4. This option will rotate the image in 90 degree angle in clockwise direction.
5. This will reset the image to default position.
6. This option will delete the image.

You can also edit the text on the logo by clicking on it. The following options will be displayed.

1. Clicking on this will display the following options.

Font Type: You can change the font of the text with the options displayed.

Font Style: You can change the font style with the options displayed.

2. You can increase the font size with this option.
3. You can decrease the font size with this option.
4. You can change the text to Bold.
5. You can change the text to Italic.
6. This option allows you to change the color of the text.
7. You can change the alignment of the text with the following options.

8. You can move the text with this option.
9. This option deletes the text.

Step 1.
Click on Customize Website from the Homepage.Step 2.Click on Customize Website.Step 3.
Click on and the following options will be displayed.

Step 4.
Click on Logo and you will receive the following options.

Upload Logo: This option will open a modal from where you can select the required image to upload as your logo.

Gallery: You can upload the image from your device.
Camera: You can click a picture from your device camera and upload the logo.

Once you have uploaded the image you can rotate or crop it as per your requirement. Click on Save once you have made all the changes.

Company Name: This option will display the following slider. Enter the company name in Display Company Name. You can add different names for different outlets. Click on Copy to All to apply the company name to all the outlets.

Logo Color: This option will display the following color palette. Select the color as per your requirement and click on Save.

Change Font: You can change the font and the font style with these options.

Clicking on Font will display the following font options.

Click on Font Style to define the font weight.

Click on Save once you have made all the changes.

Update Company Name

The company name is the identity of your online store.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click on the logo of your website. The following options will be displayed.

Step 4.
Click on Company Name and the following slider will be displayed.

The names of all your outlets will be displayed.

Step 5.
Click on Copy to All option if you want to apply the name to all your outlets.

Step 6.
Click on Save once all the changes are made.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on and the following options will be displayed.

Step 4.
Click on Logo and you will receive the following options.

Step 5.
Click on Company Name and the following slider will be displayed.

The names of all your outlets will be displayed.

Step 6.
Click on Copy to All option if you want to apply the name to all your outlets.

Step 7.
Click on Save once all the changes are made.

Add / Update Social Links

Social Media play a very important role when it comes to creating brand awareness. You can add your links to your social media pages with this option.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click on the social media icons on the header. The following options will be displayed.

Go To Link: This option will take you to the page to which it is linked.
Edit Social Links: This option will open the following slider. You can enter the links of your social media pages here.

Click on Settings to display these social media links on Header and/or Footer.

Click on Save to apply the changes made.
Change Styling: This allows you to customize the social media icons. The following options are displayed.

1. This options allows you to change the color of the icons.
2. You can remove the icon with this option.

This functionality is currently unavailable for mobile.
Help us improve our Support Center. Was this article helpful?
Thank you for the feedback
Thank you for the feedback
Still can't find what you're after? Write to us so that we can help you out.

28 thoughts on “Header”

Comments are closed.