Header

1 - Promo bar

You can go to Sections > Promo bar to config

Final, setting for it:

2 - Top Bar

You can go Sections > Top Bar to config

2.1 - Settings & Header top transparent color

2.2 - Content

You can config these option:

2.2.1 - Custom Text

2.2.2 - Social

Note: You can go to Theme settings > Social Media to config the icon

2.2.3 - Currency, Languages

3 - Header Layout

3.1 - Full width

3.2 - Sticky Header

3.3 - Hide Sticky Header on Scroll

4 - Header design (8 Header designs)

4.1 - Header design 1

This layout is used on the mobile menu and categories if you want to configure it,

Link config: https://kalles-docs.the4.co/main-navigation/mobile-menu-config

4.2 - Header design 2

You can go to Sections > Header design 2 to config for the content

4.2.1 - Text/Social

Note: You choose show text or social

  • Text

  • Social

4.2.2 - Content

There are 9 type menus, you can create menu by using it.

4.3 - Header design 3

You can go to Sections > Header Design 3 to config :

4.4 - Header design 4

You can go to Sections > Header Design 4 to config :

4.5 - Header design 5

You can go to Sections > Header Design 5 to config :

4.6 - Header design 6

You can go to Sections > Header Design 6 to config :

4.7 - Header design 7

You can go to Sections > Header Design 7 to config :

4.8 - Header design 8

4.8.1 - Config Header

You can go to Sections > Header Design 8 to config :

4.8.2 - Config 'Shop by categories'

You can go to Sections > Header Categories to config :

5 - Header transparent, Header Top transparent

5.1 - Header transparent

Note: Header transparent only active on homepage, not working with header design 7

5.2 - Header Top transparent

Note: Header top transparent only active when header transparent active

6 - Header Mobile

7 - Header colors

8 - Header group buttons

From The4

Hope you success!!