Layout 05 (Header - Single-Line and Header Nav - Vertical Menu)
Header - Single-Line and Header Nav - Vertical Menu
Last updated
Header - Single-Line and Header Nav - Vertical Menu
Last updated
To setup Header Layout 05, you need to add the Header - Single-Line and sections to the HEADER GROUP.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
At the HEADER GROUP -> click + Add section.
Search and select Header - Single-Line section.
Same for Header Nav - Vertical Menu section to add.
To show vertical menu of Home 06 - SuperMarket like on theme demo:
Click on Menu block of section Header Nav - Vertical Menu.
Go to VERTICAL MENU setting -> Vertical Menu -> Select Style 3 and change color of text, icon,..in
Please disable Vertical Menu to show navigation like on Home 07 - Electronics header.
Click on Menu block of section a.
Go to VERTICAL MENU setting -> Vertical Menu -> Select None
Create a Menu in Navigation for Vertical menu. Remember the name of each collection in the menu level 01
Prepare an image of the icon you want. Name it with the same name as the collection in the menu level 01 (please use PNG image).
You need to go to Settings --> Files, upload images here
Rules: Lower cap and use a hyphen "-" to replace white space if your image name has the white space. For example: with the menu name "Electronics" the image name will be electronics.png
Recommended size for icon image: 20 x 20px