Header settings | Nitro Documentation

You can make header separately for mobile devices.

You can also switch between mobile header and desktop header as well.

All elements on mobile are all the same as desktop layout

To import/export a header with settings and content, look for import/export button on top menu of header page.

Click “Load template” or “Choose Template” button to pick one of many ready-made header designs

General settings: contain all layout and styling options for your header.
Background: you can either upload your own background image or use plain background color.
Spacing: you can change the space between different elements on the header.

Note: General settings (except the Background and Spacing tabs) are different depending on your chosen layout – Horizontal or Vertical Header.

To change header settings, click on “settings” button on top menu of header page. Here you can change header position from “normal” to “fixed”.

Header position

To change header settings, click on “settings” button on top menu of header page. Here you can change header position from “left” to “right”.

A row can contain one or many elements. One header can have many rows. Inside each row is a container.

Drag to add new rows, delete rows, or customize any row you like.

To modify a row, click on “row and container settings” button. Then you can change background and border style for a row or a container.

Mark a row as sticky (Sticky Menu)

You can make your header sticky by marking a row as sticky.

Note: you can only set one row to “sticky” on one active header.

A container is the box for a single row that contains one or many elements.

Options: