If you write your own header markup but would rather manage the links in WordPress than edit HTML every time the navigation changes, Loupely Canvas lets you drop a registered menu into your header with a token. You keep your markup; WordPress keeps the link list.
Build and assign the menu
Go to Appearance, Menus and build a menu the normal way. Add your pages, posts, or custom links, then assign it to the Header location that Canvas registers, under Manage Locations or the menu’s own settings. Assigning it to a location is what lets the token find it.
Drop it into your header
In your header markup under Appearance, Loupely Canvas, place the menu with a token:
＜nav class="site-nav"＞{menu:header}＜/nav＞Canvas renders the assigned menu as a plain unordered list with the class lc-menu, with no container and no styling of its own. If you would rather pull a specific menu regardless of location, call it by its slug or name with {menu:a-menu-slug}.
Style it
Style the list from your Head code box, the same place you style everything else:
.lc-menu { display: flex; gap: 1.5rem; list-style: none; margin: 0; padding: 0; }
.lc-menu a { text-decoration: none; }If the menu prints nothing, it usually means no menu is assigned to that location yet, or the slug in your token does not match a menu. Canvas renders nothing in that case rather than dropping in a fallback list, so check the assignment under Appearance, Menus. For the full set of header and footer tokens, see using tokens in the header and footer.
