Move Nav Tree Below Welcome Table

[Eloell]

Hello, beautiful code-savvy people of Proboards!

I am working on a theme. I've put a Welcome Table under the header that is above the categories and boards. Currently, the nav tree is under the header image but above the Welcome Table. I would like for the Nav Tree to be BELOW the Welcome Table. Is there a quick CSS code that can move that for me? I have tried everything I know how, tampering with both CSS and in the layout template, and that nav tree seems insistent on staying below the header image.

Thanks!

[Retread]

May 6, 2021 11:24:01 GMT -8 Eloell said:

Hello, beautiful code-savvy people of Proboards!

I am working on a theme. I've put a Welcome Table under the header that is above the categories and boards. Currently, the nav tree is under the header image but above the Welcome Table. I would like for the Nav Tree to be BELOW the Welcome Table. Is there a quick CSS code that can move that for me? I have tried everything I know how, tampering with both CSS and in the layout template, and that nav tree seems insistent on staying below the header image.

Thanks!

CSS probably won't be useful for changing the sequence of items on the page. You should change the order of the HTML, in this case within the Forum Wrapper layout template.

Look for this section in the Forum Wrapper (On a plain-vanilla proboards theme it runs from line 52 through and including line 58):

$[participated_threads_link]

{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}

$[header]

Change that such that the $[header] comes before the $[participated_threads_link] variable ... like this:

$[header]

$[participated_threads_link]
           
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}


[Eloell]

Thanks so much for the reply, Retread!

Is that the only way to do it? I changed what you said but the nav tree is still under the banner rather than under the welcome table.

[Eloell]

Neeeeeevermind! I had it all outside of the <header> tags but once I moved it inside it cooperated. Thanks so much! RESOLVED.