Link Specific Pages in Navbar or Footer

Learn how to show specific pages as navigation links in the website header or footer.

Posted by@Sujal Vanjare
Published on @
Updated on @

You can add any page to the navbar or footer. This helps visitors easily find important pages like Home, Blog, About, Contact, or any custom page.


Go to your main database and open the page you want to show on the navbar or footer.

For example: Blog page, About page, or any custom page.


Step 2. Set Navigation Category

In the page properties, find the Category field.

Here you have 2 options:

  • 📎 Navbar Link
  • 📎 Footer Link

You can pick one or select both if you want the page to appear in both locations.

Once selected, the link will automatically appear on your website.


Step 3. Keep Navbar Titles Short

Navbar space is limited. On desktop, links appear on the right side of the navigation bar.

On mobile, navbar links go inside the drawer menu (hamburger menu).

For best user experience, keep navbar link titles short. Examples:

  • Blog
  • About
  • Contact
  • Work
  • Projects

Navbar links only display the title. Icons are not shown in the navbar.


Footer links appear on the right side of the footer.

Here, the page icon is visible along with the title.

On mobile, the footer layout adjusts and links stay visible in a clean stacked layout.

Footer link titles can be a little longer than navbar links, but still keep them simple.


Step 5. Verify Route is Set

Make sure the page has a valid route in the route property.

If there is no route, the link will not work.

Example:

Plain Text
/about
/blog
/contact
/projects

Done

Once you set the category and the route, the page will automatically appear in your navbar or footer with no extra setup needed.

Your navigation is now organized and user friendly.