Menu

A navigation bar with your pages and/or the sections of this page (anchors), an optional brand name, icon links and a search. Folds into a menu button on phones.

Good to know: this block is available on every plan, Free included.

Using it well

Replaces the automatic page menu. Add links to your pages, to sections on a page (by their anchor) or to other sites, choose a logo and a button, and whether the menu stays at the top while scrolling. On phones it folds into a menu button; for a long menu choose Menu button instead of the links: whenever the links don't fit on one line, so it never wraps onto two lines on a laptop or tablet. Put it at the top of every page (duplicate a page to keep it).

Many pages or categories? Drag links to the right to make them sub-items (three levels). Under Sub-items choose Dropdowns (a list under each link; a long list shows in columns) or Second row: the sub-items show as a bar under the menu, the one of the part of the site the visitor is in, switching when they point at another link, with their own sub-items dropping down from it. Give the row its own colours with Second row background and Second row text colour. Lists never fall off the screen: a long one scrolls inside. On phones every level folds in the menu.

For a shop header: Links position: Left, with the last link on the right puts e.g. Customer service on the right, and the Wishlist (heart) icon links to your wishlist (/wishlist).

Adding it

Open your site in the builder, choose Add in the left panel and pick Menu (or search for it). Click the block in the preview to open its settings on the right.

Settings

Content

SettingWhat it does
Logo (optional, on the left - replaces the brand name)An image: upload one, pick from your media library or search free stock photos.
Logo height (px)A slider from 16 to 64 (default 28).
Show the logo / brand nameChoose: Always; Only on phones (when a bigger logo above is hidden there); After scrolling a third of the first section (when it already shows a big logo); After scrolling half of the first section; After scrolling past the first section. Default: Always.
Brand name (optional, on the left)Text, up to 40 characters.
Links (leave empty to list your pages and this page's anchors automatically). Drag a link to the right to make it a sub-item (two levels deep)A list you can add to, reorder and remove from (up to 150). Each item has: Links to; Or a web address (another website, a PDF, an email); Label (optional - empty = page title or anchor name); Level.
Icon links (optional, on the right)A list you can add to, reorder and remove from (up to 3). Each item has: Icon; URL (or an email address / phone number).
Search (next to the icons)Choose: No search; A magnifier that opens a search box; A search field on larger screens (a magnifier on phones); Only on phones: a magnifier (when a search box above is hidden there). Default: No search.
Text in the empty search box (optional)Text, up to 60 characters.
Search field lookChoose: Outlined; Grey field (no border). Default: Outlined.
On phonesChoose: Logo on the left, the menu button on the right; Menu button on the left, logo in the middle (a shop look). Default: Logo on the left, the menu button on the right.
Links positionChoose: Center; Right; Left (after the logo); Left, with the last link on the right (e.g. Customer service). Default: Center.
Sub-itemsChoose: Dropdowns (a list under each link); Second row (a bar under the menu with the sub-items of the link you point at - for shops with many categories). Default: Dropdowns (a list under each link).
Second row background (empty = a shade of the bar)A colour; empty uses your theme colour.
Second row text colour (optional)A colour; empty uses your theme colour.
Small capital letters for the linksOn or off (default: off).
Menu button instead of the linksChoose: On phones; Whenever the links don't fit on one line (long menus). Default: On phones.
Stay at the top while scrollingOn or off (default: on).
See-through over the photo below until scrolling (Menu as the first block, with a full-width bar)On or off (default: off).
Full-width bar with a line underneathOn or off (default: on).
Bar background (empty = page background)A colour; empty uses your theme colour.
Bar text colour (optional - for a dark bar)A colour; empty uses your theme colour.
Line under the barOn or off (default: on).
SizeChoose: Compact (a slim bar); Normal; Large (bigger links, taller bar - for full websites). Default: Normal.
Space between links (px)A slider from 12 to 72 (default 20).
Links in the full text colour (not dimmed)On or off (default: off).
Current page / sectionChoose: Underlined; In the accent colour; Not marked. Default: Underlined.
MarkChoose: The page and the links above it (e.g. Indoor > Decoratie); Only the page itself (the links above it when it has no link of its own). Default: The page and the links above it (e.g. Indoor > Decoratie).
Show the last link as a button (e.g. Contact)On or off (default: off).
Did this answer your question?