Browse documentation

Add Navigation Menus and External Links

Add internal links, external links, and anchor links to your Grigora website. This guide explains how to create navigation menus and link to a page or section.

Add Header to Your Site

Start by adding the header to your website. Once added, you can choose from different header layouts and customize its styling to match your website's design and navigation needs.

Menu Links element being added to the website header.

Go to "Add Elements" and drag a Menu Links block into your header. This Menu Links block is specifically designed to handle modern web navigation needs with built-in responsive functionality.

This Menu Links block automatically handles responsive behavior: it shows the full menu on desktop and converts to a hamburger icon on tablet and mobile devices, ensuring your navigation works perfectly across all screen sizes without additional configuration.

Structuring Your Navigation Layout

Navigation menu items listed in the Menu Links settings panel.

Inside the Menu Links settings, you can easily build and organize your navigation using the drag-and-drop menu builder. Add new menu items, rearrange them by dragging, and nest items to create dropdown menus. You can also duplicate or remove existing menu items as needed to create the navigation structure that works best for your website.

Edit Menu Item dialog with label and link type fields.

To configure a menu item, select the item from the Menu Links settings. An Edit Menu Item modal will open, where you can update the Menu Name and choose the Link Type.

You can configure the menu item to link to a Page, an External Link, or a Dynamic Link. After making your changes, click Update Menu to save them.

Social icons selected in the header with their link controls visible.

You can add external links to your social media profiles directly through the Social Links settings.

For example, to add an Instagram link:

  1. Turn on the Social Links toggle in the Menu settings.

  2. Select Social Links in the header to open its settings.

  3. Select the Instagram icon and enter your Instagram profile URL in the provided link field.

Social icon link and styling settings in the site editor.
  1. You can also add other social platforms using the + option and customize their appearance and layout as needed.

Benefits of Grigora Navigation

Review your internal and external links, then test the menu on desktop, tablet, and mobile.


Help guide image