Nicepage supports Multi-Block Headers, which let you place all the elements required for your website visitors. Modern Headers, especially in online stores, often require multiple navigation lines to display various information, including the Logo, Menu, and Social Icons.

header-blocks.png

Add a New Header Block

You can add a new Block to the Header by clicking the icon on the Block Context Toolbar. You can also select the Context Toolbar and Side Panel list options.

You find the Add Header Block icon on the Page Navigator for the selected Header. Click it to add a new Header Block, which is faster and easier.

Add Header Block Before and After

Additionally, you can add a Header Block before and after the current one. You can find this Option in the Add Menu, Header's Options, Sidebar, and Toolbar.

add-header-row-before-after.png

Header Blocks In Page Navigator

We also show each Header Block on the Page Navigator separately.

header-blocks-separately.png

You can switch Header Blocks by dragging them like other Blocks in the Page Navigator.

header-blocks-move.gif

In the Editor, the Header Blocks are visually separated.

header-row-selection.gif

Header Block Presets

You can use the Header Block Preset tto change the Header Layout with Blocks quickly

header-row-presets.png

Header Block Operations

Also, in the Context Toolbar options, you can move, duplicate, and remove a Header Block. Please note that these options are available for more than two header Blocks.

move-delete-header-row.png

Context Options For Multi-Block Header

You can use the Multi-Block Presets and Add Menu link in the Options Menu of the Context Toolbar to improve the Add Menu link's usability.

context-option-multi-row-header.png

Header Block Properties

The Header Block presets are in the Property Panel for the Header. You can also add a new Header Block right in the Property Panel.

header-layouts.png