Add Navigation Menus and External Links

Want to add external links, anchor links, and custom navigation menus in your Grigora website? This guide will show you how to create external and internal links, build custom navigation menus, add anchor links for smooth scrolling, and link to any page or section in seconds. Whether you're launching a landing page or a full site, navigation is key — and with Grigora, it's never been easier.

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.

Adding the Menu Links Block

image.png

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

image.png

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.

Adding Internal Links to Menu Items

image.png

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.

Adding External Links

image.png

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.

image.png
  1. You can also add other social platforms using the + option and customize their appearance and layout as needed.

Benefits of Grigora Navigation

This navigation system provides complete website navigation functionality with both internal and external links, giving you the flexibility to create comprehensive navigation that serves your users' needs while maintaining professional appearance and responsive behavior across all devices.


Was this article helpful?