Summary

  • Overview
  • Add a New Header Block
  • Add Header Block Before and After
  • Header Blocks In Page Navigator
  • Header Layouts
  • Header Block Operations
  • Context Options For Multi-Block Header
  • Header Block Properties

Overview

Nicepage supports Multi-Block Headers, where you can place all Elements required for your website visitors. Modern Headers, especially online stores, require several navigation lines to present various info, 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 like other Blocks on 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 to quickly change the Header Layout with Blocks.

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 for the Add Menu link for better 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

## Summary - Overview - Add a New Header Block - Add Header Block Before and After - Header Blocks In Page Navigator - Header Layouts - Header Block Operations - Context Options For Multi-Block Header - Header Block Properties ## Overview Nicepage supports **Multi-Block Headers**, where you can place all Elements required for your website visitors. Modern Headers, especially online stores, require several navigation lines to present various info, 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 like other Blocks on 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 to quickly change the Header Layout with Blocks. !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 for the Add Menu link for better 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! ##