Recipe

Phone menu

On wide screens the links sit in the header. On phones they fold into a menu button that slides a drawer in from the side.

Seen on

Okra & Oak

The page goes on underneath.

Try it: Switch to Phone, then tap the menu button.

It opens on a page of its own in the canvas, ready to change. No account needed.

Make it yourself

Build the header as a row: your name, then the links in a row of their own.
Select the row of links and, in its Behaviour tab, set Show on to Wide screens only.
Add a menu icon (⋯ › Turn into › Icon, then pick Menu), and set its Show on to Phones only.
Draw the menu itself: a box with the same links, stacked, and a Close button. Choose ⋯ › Turn into › Drawer, sliding in from the left.
Set the menu icon's When clicked to Open “Menu”, and the Close button's to Close the layer.
Make the header a component, so every page shares it.