Page heading
Go to Sections > Header Design
1 - Custom header height
2 - Logo SVG
Use name svg upload files. Ex: logo-gecko.svg Get name svg
2.1 - Go to Admin > Settings > Files
2.2 - Choose uploadfile
2.3 - After upload file .svg, You need to copy file's name
2.4 - Go to Admin > Customize > Sections > Header design > Paste file's name
3 - Logo (required)
Upload image: png, jpg or gif file
If you upload image, but logo not show. Please delete all text in Logo SVG to show Logo's image
4 - Logo retina (option)
Upload image: png, jpg or gif file
5 - Custom logo width (50 - 350px)
6 - Header Design (8 options)/Header transparent?
Header transparent only active on homepage, not working with header design 7
6.1 - Design 01
6.1.1 - Show search/wishlist/ account icon
6.1.2 - Shopping cart widget(5 options)
Set your shopping cart widget design in the header.
6.2 - Design 02
6.2.1 - Custom header height (60 - 160px)
6.2.2 - TEXT/SOCIAL
Text:
Social:
6.2.3 - MEGA MENU
Main menu align:
6.2.4 - Content
Heading: heading's name
Link: set link for heading when you click it will be navigated
Icon: set icon for heading
Heading color: set color for text of heading
Label text: set label for heading
Label color: set color for label of heading
6.3 - Design 03
6.3.1 - Custom header height (60 - 160px)
6.3.2 - Show dropdown arrow?
6.3.3 - Mega menu
Main menu align:
6.3.4 - Content
Heading: heading's name
Link: set link for heading when you click it will be navigated
Icon: set icon for heading
Heading color: set color for text of heading
Label text: set label for heading
Label color: set color for label of heading
Position Submenu:
Width Submenu:
6.4 - Design 04
6.4.1 - Custom header height
6.4.2 - Text and social
6.4.3 - Content
Heading: heading's name
Link: set link for heading when you click it will be navigated
Icon: set icon for heading
Heading color: set color for text of heading
Label text: set label for heading
Label color: set color for label of heading
6.5 - Design 05
Config same with header 2
6.6 - Design 06
Config same with header 2
6.7 - Design 07
6.7.1 - Currency
Only show when 'Currency Converter Plus' enable
6.8 - Design 08
6.8.1 - Background Color
6.8.2 - Color text
6.8.3 - Text Menu Right
6.8.4 - Categories
6.9 - Design 9
Config header design:
[Private offer] EComposer Partner Plan
Exclusively for Gecko users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Gecko with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free.
Cheers, The4.
Last updated
