Custom Top Navigation Links

[Discourse]

	Summary	Custom Top Navigation Links allows you to add links to Discourse top navigation.
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/Discourse-nav-links-component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, support, bug, ux, and feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Desktop

Mobile

Settings:

Name	Descriptions
Nav links	Semicolon delimited in this order: display name;description;URL
Hide dropdowns	Hide category and tag dropdowns
Hide default links	Hide the default links on both mobile and desktop.

• Nav links — these need 3 parts:

  • Name
  • Description
  • Path or URL

  Name is the text for the link that shows up on the menu. Description shows up when you hover the name like this:

  

  Path/URL is where you want the link to go.

  You can add links as semicolon delimited values in theme settings following this order

  name;description;URL

  URL can also be relative like

  /c/staff, /t/232, /groups/plugin_authors, /about, /tags/official

• Hide dropdowns

  Hides the default category and tag dropdowns

  

• Hide default links

  Hides the default links in this section

  

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-11T23:40:05Z

Check document

Perform check on document: