Global Header ends up below Breadcrumb besides in Categories page

Jarko

Hi everyone,

I'm running into an annoying behavior by NodeBB. I've added a Global Header to the forum through the Widgets page. On the home page (categories page) of the forums, it behaves as expected:

On any other page, it ends up below the breadcrumb:

Is there any way to change this behavior without changing the default Persona theme I'm using?

Thank you all!

pichalite

@Jarko header widget is displayed after the breadcrumb on most routes, even the home route.

The difference you are seeing is, on the home route NodeBB doesn't generate a breadcrumb if you visit the / route. You will see the breadcrumb if you visit /categories

You will have to modify templates to change positioning.

Jarko

@pichalite said in Global Header ends up below Breadcrumb besides in Categories page:

@Jarko header widget is displayed after the breadcrumb on most routes, even the home route.

The difference you are seeing is, on the home route NodeBB doesn't generate a breadcrumb if you visit the / route. You will see the breadcrumb if you visit /categories

You will have to modify templates to change positioning.

Thank you for your reply and sorry for necro-threading here, but... How can I do so? I edited the files category.tpl, categories.tpl and topic.tpl inverting the two following lines:

<div widget-area="header"></div>

..but nothing changed Perhaps there's some shell command I need to run after editing and uploading those files?

Jarko

Little update: as a matter of fact, no change I do in the theme gets reflected. I create the theme by

duplicating the nodebb-theme-persona folder in node_modules
renaming the new folder to nodebb-theme-mywebsite
changing theme data in theme.json
going in the admin panel and activating the new theme

Did I do something wrong? Also, I've tried changing the persona theme directly and re-activating it, but changes to that also aren't showing...

PitaJ

Make sure you run ./nodebb build after every theme change

Jarko

@PitaJ said in Global Header ends up below Breadcrumb besides in Categories page:

Make sure you run ./nodebb build after every theme change

I just did, the process was completed successfully, but nothing changed. I also tried a "service nodebb restart" and a restart from the admin panel, but the breadcrumb and the header are still inverted

PitaJ

Make sure you're editing the templates within the theme directory, and not within the build/public/templates directory

Try copying the files over from your server and ensuring that they are indeed edited.

Jarko

@PitaJ said in Global Header ends up below Breadcrumb besides in Categories page:

Make sure you're editing the templates within the theme directory, and not within the build/public/templates directory

Try copying the files over from your server and ensuring that they are indeed edited.

As I've written above, I've created the new theme by duplicating the folder "nodebb-theme-persona" in nodebb/node_modules, then renaming the new folder. So that's where I'm editing

I've also checked whether the upload was successful - it is, files are edited. Is it possible this has to do with some caching issue in the server? Or perhaps how I created this theme - not by installing it through the command npm?