Gecko5
Search…
Page heading

Go to Sections > Header Design

1 - Custom header height

60px
160px

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)

50px
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.
None
Design 1
Design 2
Design 3
Design 4

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:
Left
Center
Right

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

Social
Text

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:
Last modified 1yr ago