Header Section

Before you start to work with the header, we recommend you to watch the video with the instructions by the link below:

HEADER SECTION

Header is customizable content.
By changing the header options you will have different designs.

You may add a top bar and a promo bar in your header section. Also in this section, you are able to create different variants of the drop-down menu for your main menu.

You can find the Header colors in Customize Theme > Theme Settings > Header Colors

HEADER SECTION

Settings

Property Value
Enable sticky header Enables/Disables the sticky header
Menu Menu Selects the default main menu from navigation blocks
Header fullwidth Fullwidth screen container
LOGO Selects logo for the desktop and mobile screen
Header design Options with the placement of all elements: HEADER SECTION
Options in logo bar Shows/hides default options in the theme: HEADER SECTION

Additional Content

Please refer to the attached screenshot:

HEADER SECTION

Languages menu

Property Value
Languages menu settings Use external links/Use Weglot APP
Default language name Work with external links
Mini Menu Link List Works with external links. Create a menu in the navigation

Links:

Top bar settings

Top bar settings

Promo Bar

Promo Bar Promo Bar

Header type 2, 3

Attention:
"Header type 2 and 3" has the same options as section "Header" except options for elements position.
Attention:
"Header type 2 and 3". All changes For the Category Button have to be saved before you will see the result.

You may find colors for the Header Type 2 in the tab Customization > Theme Settings > Header Colors

You may find colors for the Header Type 3 in the tabs Customization > Theme Settings > Header Colors, Header Type 3 Some Desktop Colors, Colors. Header Type 3/4 (general)

  • You may enable or disable "Categories Button" in the "Header type 2 and 3".
  • You may enable "Header type 2 and 3" in Customize Theme > Theme settings > Header > Select header design
  • You may use SVG icons with size 13x15px in the "Categories Button" menu. Paste your code with svg icon in special field in the categories button section HEADER SECTION
  • SVG icon generator link(PNG to SVG)

REVOLUTION SLIDER VARIANTS (* CAN WORK WITHOUT HEADER TYPE 2 OR 3)

Attention:
Categories Menu works only in the "Header type 2 and 3"!
  • HEADER SECTION HEADER SECTION
  • HEADER SECTION
  • HEADER SECTION

Header type 4

Header type 4 overview
Attention:
Header type 4 has the same options as section "Header" except options for elements position!
Attention:
All changes For the Category Button need to be saved before you will see the result.

You may find colors for the Header Type 4 in theCustomize theme > Theme Settings > Header Colors, Colors. Header Type 4 Some Desktop, Colors. Header Type 3/4 (general)

  • You may enable or disable "Menu with Icons" in "Header type 4".
  • You may enable "Header type 4" in Customize Theme > Theme settings > Header > Select header design
  • In "Menu with icons" menu you can use svg icons with recommend size 36x36px.
    Paste your code with svg icon in special field in the "menu with icons" section
  • SVG icon generator link(PNG to SVG)
BACK TO TOP