How to modify the header HTML, but still remaining the default founctions

You can use the plugin API to add text next to your logo. There are more details from a related question here: Adding header links post vdom upgrade

For example: add this to your theme in the Header section

<script type="text/discourse-plugin" version="0.8">
   api.decorateWidget('home-logo:after', helper => {
  return helper.h('div.custom-text', 'I appear after the logo');
});
</script> 

You can then use CSS to target the .custom-text div to change the position of your text.

5 Likes