Skip to main content
Site Menu
Updated over a week ago

This article describes how to make a site menu: a page that overlays your site contents containing a list of links and/or information to help visitors navigate your site.

To use the exact example shown here, copy/paste the below code into your own site: edit your site and press ⌘V — this will add two pages: one with the menu icon, and the site menu page.

cargo:2160037:D0583356179,E2900821851

To make your own site menu, start by making a new page (or copy one of these templates), add your site menu contents, and then set the page to Overlay.

Next, add a link that opens your menu: any text or image can be linked via the Link menu: simply select your menu page via “Link to Page”.

To make a menu icon (like the “☰” in the example), make a new page, add an icon from the icon palette, align the page contents to the right (using the “Text Align” setting in the Local Page Settings), and link the icon to your menu page.

Next, Pin the page — you can choose to pin it for both Desktop and Mobile, or either one.

To add a close button, add an icon to your menu page and link it to the “Close Overlay” function (inside “Navigate” in the Link menu).

Did this answer your question?