Hello, I wanted to add text alongside the logo on my discourse instance and this topic worked for me on this matter: [תמונה] Image and text as logo Support Try this .d-header .title::after { padding-left: 20px; font-size: 1.5em; color: #333; content: "Here is some text"; } .archetype-regular #main.no-text .d-header .title::after, .archetype-private_message #main.no-text .d-header .title::after { display:none; } $(document).ready(function() { $(window).scroll(function(){ checkScroll() }); function checkScroll() { var y = $(window).scrollTop(); if (y > 55) { … Howevever, the text is not linked. How can I link the text to forum URL just like the logo is? I would appreciate your guidance on this matter

If I understand correctly… This could help? :slightly_smiling_face: This will add this html after logo After logo text Header api.decorateWidget('home-logo:after', helper => { return helper.h('a.after-logo', { href:'/', text: 'After logo text' }); });

It looks like the way that this is done on this site is to have a wide logo that includes the text. How about doing that?

Basically, it shows the default logo of discourse the way it is set to site setting. Then adds a :after content to include the text. So the text is coming from CSS. This is the code: .d-header .title::after { padding-left: 20px; font-size: 1.5em; color: #333; content: "Some text after logo"; } .archetype-regular #main.no-text .d-header .title::after, .archetype-private_message #main.no-text .d-header .title::after { display:none; } And this is the script: $(document).ready(function() { $(window).scroll(function(){ checkScroll() }); function checkScroll() { var y = $(window).scrollTop(); if (y > 55) { document.getElementById("main").classList.add('no-text'); } else { document.getElementById("main").classList.remove('no-text'); } } checkScroll(); }); Now what I want is to set forum link to the after text as well. (The logo has the website link as intended by discourse)

First, there’s is kind of a typo on the very first CSS line (:written twice). Then, if you change the selector to target the actual link that contains the logo: .d-header .title a:after { Then the text will be contained in the tag and have the link as well. [image] It looks like the way that this is done on this site is to have a wide logo that includes the text. How about doing that? Weirdly, Robert asked the same question i the linked topic and had no reply either :upside_down_face:

[תמונה] Canapin: Weirdly, Robert asked the same question i the linked topic and had no reply either It makes it look bad on mobile phones. I can hide the text with css on smaller screens but I want the logo to be displayed at all time.

[תמונה] Arta_S: It makes it look bad on mobile phones. For this use case I think might be better If you use a different logo on mobile? There is a site setting for this called mobile logo under branding. yoursite/admin/site_settings/category/branding

You are right. I didn’t know this existed. I am an old timer. Haven’t tested lots of new features. Thank you [תמונה] pfaffman: It looks like the way that this is done on this site is to have a wide logo that includes the text. How about doing that? Now this makes more sense.

טקסט לצד לוגו בדיסקרוס, שניהם מקושרים

תמיכה

Arta_S (Arta) 16 בפברואר,‏ 2022,‏ 12:56pm 7

This is perfect. Thank you @Don

נושא		תגובות	צפיות
Add Text In Header Beside Logo Development	9	1768	20 במרץ,‏ 2025
Create hyperlink from home logo Product Support	2	260	26 ביוני,‏ 2024
Help needed with theming and logo Product Support	5	1542	30 ביוני,‏ 2021
Assigning a separate link to the logo Development	2	322	4 במאי,‏ 2024
Image and text as logo Product Support	5	2037	22 בינואר,‏ 2020

טקסט לצד לוגו בדיסקרוס, שניהם מקושרים

נושאים קשורים