A page can be “pinned,” which makes it visible on all pages of the site, or on all pages within a Set. This is used to create a navigation menu, a header or footer, a fixed logo, and a variety of site layouts.
To use, right-click a page in the Pages menu and choose “Pin”.
Example: Pin a header
Example: Pin a left nav
Example: Pin a Prev/Next footer
Pin Settings
Adjust other contents
The pinned page pushes other pages “out of the way” so that it does not overlap them.
Fixed in place
The pinned page stays in place when the site is scrolled.
Overlay other contents
The pinned page does not push other content out of the way; it is layered over top. When combined with “Adjust other contents” it will push contents out of the way but still overlaps the other pages, so that it can sit on top of background colors, or Backdrops.
Pin at the top
The pinned page is displayed vertically above other pages, or at the top the browser window when also set to “Fixed in place”.
Pin at the bottom
The pinned page is displayed vertically below other pages, or at the bottom of the browser window when also set to “Fixed in place”.
Desktop vs Mobile
A pinned page can be set to show only on Desktop or only on Mobile, or both. This can be used to show a different navigation menu on mobile devices. To show a link or icon that opens a navigation menu on the phone, pin a page, configure it to show on mobile only, then add a text link or icon to it, and link it to another page that contains your site menu.
Sets
To show a pinned page on certain pages only, put them together in a Set.
Examples
Make a header navigation
Configure a page to “Pin at the Top” as well as “Overlay other contents” and add text links. If you want the navigation to stay visible while the site is scrolled, set it to “Fixed in place”. If the contents of the page overlap with the site’s contents undesirably, you can enable “Adjust other contents” and the site’s other pages will be pushed out of the way to make room for the pinned page.
Make a left/right site layout
In the Default Page Settings (right menu bar), change “Width” to 50 and align to the right — this will make all pages in the site fill the right half. For the left side: pin a page and set it to be “Fixed in place” and in the Local Page Settings (top menu bar) align the page to the left and enable “100% Height”. You can add text links, or a Thumbnail Index which will be persistent when navigating through the site’s pages on the right.e page’s positioning. To make it stay visible while scrolling, enable “Fix in place” in the Pin Settings.
Make a Previous/Next arrow navigation
Insert some arrows into a page (via the Icons menu in the top menu bar) and link them to “Previous Page” and “Next Page” — then Pin the page and set it to “Overlay other contents” and “Fixed in place”.