NodeBB Sidebar & Header

julian

The section at the top is actually a widget area called the "brand header". You can get to it via ACP > Extend > Widgets

We put it under the global widget namespace, so it appears on every page, but you can customize this as you wish.

Drunken Cheetah

@julian

Thanks for your fast reply.

I tried both methods. Custom header & widget header. When I use the widget header, the sidebars are not pushed, but the header is placed under the category name.

If i use the custom, the sidebars are pushed but is placed in the correct place where I want it to be shown, as per my image in OP.

Regards

EDIT: I apoligize. I have been using Global Header not Brand Header. I will try brand header now.

Drunken Cheetah

@julian

I used my same code I used in the original, and added it to the Brand Header but it doesnt show up at all. I should mention seeing as I am new, to get the actual code required for placement etc. I inspected element of nodebb to get the structure. Would you mind (if possible) you would share how you done it in your brand header?

<baris>

@Drunken-Cheetah

That should show up with in the same place as our header

Drunken Cheetah

@baris

Unless I’m using the wrong html setup, when I added my html in there nothing showed up in the header.

julian

@Drunken-Cheetah Can you show us a screenshot of the widget?

Drunken Cheetah

@julian said in NodeBB Sidebar & Header:

@Drunken-Cheetah Can you show us a screenshot of the widget?

Gyazo Screen Video

Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

Gyazo (gyazo.com)

The Brand Header only shows up if I have the sites title set to "Show".

Edit: I was able to replicate it, if I entered a blank site title. It is now showing the same way

<baris>

@Drunken-Cheetah yeah that could be an issue, if you don't have a logo or show site title is off then that area isn't rendered. https://github.com/NodeBB/nodebb-theme-harmony/blob/main/templates/partials/header/brand.tpl#L1

I think we can change that around so the widget shows up even if logo and site title is missing.

Drunken Cheetah

@baris That would be cool.

So far, I do have a logo yes. However, if I made the site title empty, but turned on the "show site title" it shows nodebb. However, if I enter a couple spaces for empty space. It shows exactly like the header on this website. No extra text, and no invisible element there to identify its whitespace.

Thanks for your reply.

<baris>

if showSiteTitle is off and there is no logo uploaded brand widget area isn't rendered · Issue #12872 · NodeBB/NodeBB

from https://community.nodebb.org/topic/18373/nodebb-sidebar-header/9 template https://github.com/NodeBB/nodebb-theme-harmony/blob/main/templates/partials/header/brand.tpl#L1

GitHub (github.com)

Drunken Cheetah

@baris I appreciate that, and quick fix. Thank you again.

Aside from that. I am actually really enjoying nodebb. I am running it alongside plesk, with 4 other websites which run php, no interferenance with anything and runs a dream.

Definitely way easier to use and understand then mybb