App using in Gecko

Header

Go to Theme settings > Header

1 - LOGO

1.1 - Logo SVG

Use name svg upload files. Ex:logo-gecko.svg

You can refer here for know more about SVG: https://www.w3schools.com/graphics/svg_intro.asp

1.2 - Logo image

Note: If you use Logo image so please delete all text in logo SVG. If not ,Logo image not show

1.3 - Custom logo retina (option)

This logo use for macbook and the sharpness is better.

1.4 - Logo image maximum width

Set maximum width for logo image in the header. In pixels, min-width:50px, max-width:600px

1.5 - Logo image maximum height

Set maximum height for logo image in the header.

Result:

2 - LOGO STICKY

2.1 - Logo image

This part is used when you want to replace the word logo with a store logo

2.1 - Config height and width

Set maximum height for logo image in the header.

Set maximum width for logo image in the header.

Result:

3- HEADER TOP SETTINGS

3.1 - Header top

Information about the header

3.2 - Left header top

Share/Follow button
Text infor

3.2.1 - Share buttons type

Share
Follow

3.2.2 - Text infor

3.3 - Header top text color

Light
Dark

3.4 - Header top Background/ Image background

4 - HEADER LAYOUT

4.1 - Full Width/Sticky Header

4.2 - Header Design

01
02
03
04
05
06
07
08
09

4.3 - Header above the content

Overlap page content with this header (header is transparent).

5 - APPEARANCE

5.1 - Header background/ Back ground image

5.2 - Icons font for header icons

Font awesome
Gecko icons
Pe icons

6 - MEGA MENU

6.1 - Select menu color

6.2 - Select menu sticky color

7 - MOBILE MENU

8 - OTHER

8.1 - Search widget

  • Dropdown

  • Full screen

  • Disable

8.2 - Display Wishlist icon

From The4

Hope you success!