Hey there, I would like to add an Icon/Link to my IRC channel on the Discourse header [image] -----^----- right there. I i know enough HTML to create the icon and put a link on it, but I’m not sure how to actually put it on the header (ive been trying for hours) Can i get some advice?

The easiest way now is to add this component to your theme [image] Custom Header Links (icons) Theme component discourse2 Summary Custom Header Links (icons) will allow you to easily add linked icons to the Discourse header. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-icon-header-links open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Screenshots Desktop [Capture3] Mobile [Capture] Settings This component includes a …

You will want to read this [image] (Superseded) Add new link on header beside search icon Site Management mega This feature is now available as a dedicated theme component. Want to add a new link right next to search icon on header? Follow below steps: Add this JavaScript code to your site theme Go to Admin Customize Themes Select the theme you wish to customize Edit CSS/HTML const { iconNode } = require("discourse-common/lib/icon-library"); api.decorateWidget('header-icons:before', helper => { return helper.h('li', [ he…

Thanks a bunch. I spent way to long looking for something like that :smile:

Adding a custom Link/Icon to the discourse header

Product Support

dax (Daniela) January 21, 2019, 6:23pm 4

The easiest way now is to add this component to your theme

Topic		Replies	Views
How to add a link icon to the header Development	3	668	February 2, 2024
Can I add a icon and link back to my homesite at the top bar Product Support	2	965	August 25, 2022
Link on Top header to Go to Home page of main site Product Support	1	1417	February 25, 2020
Adding icons rather than text UX custom-header-links	2	362	May 30, 2019
Adding a link into the mobile header Product Support	5	1850	January 21, 2019

Adding a custom Link/Icon to the discourse header

Related topics