Navigation Modification

Dynamic

Well-known member
Hi there,

I am just wondering how to get the default navigation (on the default skin) to go right up to the top of the page, and stretch 100%. I would like the forums to remain as they are (width), but I would like the navigation to move to the top of the page.

Thanks.
 

Jake Bunce

XenForo moderator
Staff member
Set the header to 0 height:

Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Height of Header Logo

Then edit this template:

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code to change the width of the nav area:

Code:
#header .pageWidth
{
	margin: auto;
	width: 1200px;
}
 

Dynamic

Well-known member
Awesome!

Thanks for that :D I have another question though. How do I center the content in the navigation? It is all on the far left and far right, and I would like to make it in line with the rest of the forums.

Thanks :)
 

Jake Bunce

XenForo moderator
Staff member
How do I center the content in the navigation? It is all on the far left and far right, and I would like to make it in line with the rest of the forums.
Isn't that how it is by default? Before you expanded the navbar?
 

Dynamic

Well-known member
Nah dude, it was all in line before. Pretty much exactly how it is on this site, but now since I moved the navbar it is displaying everything on the far left and far right. I can PM you if you like?
 

Dynamic

Well-known member
Okay I fixed it. I deleted the code in extra.css and applied a background images that blended in with the navigation. Now it gives the illusion it makes it's way across the whole page.

Thanks heaps for your help dude! You're the man!
 
Top