Global Header ends up below Breadcrumb besides in Categories page



  • 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:

    0_1493304606588_forum1.jpg

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

    0_1493304756088_forum2.jpg

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

    Thank you all!


  • Plugin & Theme Dev

    @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.



  • @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:

    <!-- IMPORT partials/breadcrumbs.tpl -->
    <div widget-area="header"></div>

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



  • 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...


  • Global Moderator

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



  • @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 :(


  • Global Moderator

    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.



  • @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?


Log in to reply
 


Looks like your connection to NodeBB was lost, please wait while we try to reconnect.