Logo Header

Watching tutorial video in here: https://www.youtube.com/watch?v=W3KHZegsMI8&list=PLZSqbv2i8LOD_QjTa-YlD39PsbUG-gJt_&index=12

1 - Logo

1.1 - Logo SVG

You can go to Files > Upload the image, then copy the name image & paste it to Logo SVG box

After importing the demo you should delete svg logo because there is no svg demo logo file in the store file. Also if you want to use image as logo you have to leave svg logo blank.

1.2 - Logo (required)

If you do not add logo to your store, it will be like this

1.3 - Logo retina (option)

Note: You just show one of them, cannot show all.

Result:

2 - Logo Sticky

When scroll down theme, it'll show.

3 - Logo Mobile

4 - Logo Transparent

Note: Logo Transparent only active when you enable header transparent, only show on homepage

You can go to Theme settings > Header > Header Layout > Tick on "Header transparent?"

So what is Header transparent? Header transparent is a tool to help the header on the background of the content instead of having to spend a space dedicated to the header.

[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.