Header

Use the settings provided in this global section to customize the Header.

Layout

Use the options from the drop-down to change the look and feel of the Header section. Choose one of the pre-design types to change the layout of the first Header line: "In one line, logo left"; "In one line, logo center"; "In one line, logo and menu left"; "In two lines, logo left"; "In two lines, logo center".

In the following examples, you can view each of the header types:

Logo on the left and the Main menu with the header buttons on the right

Sticky effect

Use the options described below to configure the sticky header view on the desktop.

In the "Type" drop-down, one can specify whether to display the sticky header while scrolling down or up from the bottom of the page by selecting one of the required options:

  • "Full section". This option ensures the entire header is displayed according to the header type used in the "Type on large screens" drop-down and the number of menus applied in the "Header" section.

  • "Text menu". Use the option to display the Secondary navigation menu with the Logo in the sticky header, avoiding the "Icons menu" from showing.

Enable on mobile

Activate the option to use the sticky header on mobile.

Hide when scrolling down

This option disables the sticky header when scrolling down on all screen sizes. However, the feature still works when scrolling up.

Last updated