Swap Header and navbar?

[Aline]

Hi there i was wandering how do you swap navbar and header?

Like navbar to be on top of the header and header below navbar?
thank you.

[Lynne]

The main page templates (FORUMHOME, SHOWTHREAD, FORUMDISPLAY, etc.) all have this in the template:

	{vb:raw header}

	{vb:raw navbar}

So, you would need to swap those. However, you would also have to edit the two templates because the header starts with this:

<div class="above_body"> <!-- closing tag is in template navbar -->

And the navbar has this line:

</div><!-- closing div for above_body -->

So you would need to edit those two templates to correct those tags.

Alternately, you may want to try to play with the css. Add "top: -100px" to position the navbar and then add "top: 100px" to position the header. That may work out and be easier.

[Christos Teriakis]

Originally Posted by Lynne

Alternately, you may want to try to play with the css. Add "top: -100px" to position the navbar and then add "top: 100px" to position the header. That may work out and be easier.

Novice here !! Which stylevars are reffering to the navbar and header to add these values? Or, do I need to add something at additional.css?

Thank you!
Christos

[Lynne]

Just do it to the id tags like this:

#navbar {top: -100px;}
#header {top: 100px;}

You may need to change 100 to a different number depending on your design. And yes, I always add stuff to the additional.css template.

[Christos Teriakis]

Miracle!! .... Miracle !!
http://www.adminexpo.com/forum.php
Maybe any idea for this 3 years old post? It has better design.
https://vborg.vbsupport.ru/showthread.php?t=252971

PS: By the chance... For default style the best values are:

#navbar {top: -50px;}
#header {top: 60px;}

THANK YOU !!!!!!

[Simon Lloyd]

You'll have to mess around with your serach...etc as it's out of place

--------------- Added [DATE]1369260685[/DATE] at [TIME]1369260685[/TIME] ---------------

I would have gone a different route and simply edited the templates like forumhome and forumdisplay and moved {vb:raw navbar} right above {vb:raw header}