Header Section

Go to Store Admin > Online Store > Themes. Click Customize and then navigate to Header tab.

Header menu settings

Menu configuration
Menu	Select main menu you created. See how to create menus in Shopify.
Align menu center	Center the menu in the header
Sticky header	Show sticky header when scrolls down
Show dropdown icon	Show/hide dropdown arrow beside menu items that have child menu
Space between menu items	Set the space between menus. Unit is pixel
Menu items appearance	Set animation of menu appear
Menu background color	Set background color of menu
Menu item color	Set text color of menu items

Apply mega menu styles

Venedor supports easy way to apply style on menu items. See how to create mega menus and add eye-catching labels below.

You can add menu styles dynamically.

Click Add content and choose one of the menu styles from the dropdown list.

Input navigation label to apply style. Take care of typos and case of the labels.

Mega menu style 1

1. Click Add content > Mega Menu Style 1.
2. Input name of the menu item you are going to apply style.
3. Set width of the menu.
4. Upload top images and bottom images. You can add links to each image.

Mega menu style 2

1. Click Add content > Mega Menu Style 2.
2. Input name of the menu item you are going to apply style.
3. Set width of the menu.
4. Set images and texts, links. You can add up to 5 images and texts.

Mega menu style 3

1. Click Add content > Mega Menu Style 3.
2. Input name of the menu item you are going to apply style.
3. Set width of the menu.
4. Set image size preference.
5. You can add up to 4 child menus in this type of menu. Set child menus. This will provide ability to add 4 levels deep mega menu.
6. Add image and texts below of menus.

Mega menu style 4

1. Click Add content > Mega Menu Style 4.
2. Input name of the menu item you are going to apply style.
3. Set width of the menu.
4. Set font family of menu list headers and menu items.
5. Add image and text blocks. You can add up to 3 items.

Classic dropdown menus

There are two types of classic dropdown menu in Venedor. Default menu style is applied if you don't add any styles.

1. Click Add content > Classic dropdown menu.
2. Input name of the menu item you are going to apply style.
3. Choose style of the menu.
4. Set font family of the menu.

Add menu item tooltips

Venedor supports easy way to apply style on menu items. See how to add eye-catching labels below.

1. Click Add content > Menu Icon Tooltip.
2. Input name of the menu item you are going to add tooltip.
3. Set tooltip text, background color and text color.
4. Select tooltip case type - Uppercase, Capitalize, Lowercase.

Promotion on Header

This settings only works on header type 2.

• Icon name: Name of the icon to display. Browse our icons
• Title
• Text

Search box

You can add predictive search in the header so that suggested results appear immediately as you type into the search field. Predictive search helps customers articulate and refine their search queries, and provides new ways for them to explore an online store. It also lets them quickly browse matches without having to leave their current page to see a separate list of search results.

At the bottom of section settings, you can find a button called + Add content.
Click the button and then select Search Box.

Search Configuration
Style	Show box Popup box Popup line See example images
Icon	Name of the svg icon to use for search button. Browse our icons.
Icon size	Set the svg icon size. Default is 14px.
Search box border	Set the border width of search button and textbox Hide 1px 2px
Search button color	Set color of search button.
Search button color on hover	Set color of search button when it's hovered.
Search input box border color	Set border color of input box.
Search input box text color	Set text color of search box.

Header cart

Header type 2, 3, 4, 5 support cart icon. Header type 1 does not show cart icon in its design.

At the bottom of section settings, you can find a button called + Add content.
Click the button and then select Cart Dropdown.

Header Cart
Icon size	Set the cart icon size. Default is 14px.
Cart style	Show cart amount beside the icon Show cart amount on the icon Show only cart icon See example images
Cart background color	Set background color of cart
Cart text color	Set text color of cart
Cart icon color	SVG cart icon color
Cart amount position	Set the cart amount position
Cart amount background	Set the background color of cart amount
Cart amount text color	Set the text color of cart amount

Wishlist, Comparison list, Customer Login Link

You can add/remove/customize these links in the header dynamically. And also change their positions by drag/drop them.