Navigation Modification

Dynamic

Well-known member
#1
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
#2
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
#3
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 :)
 

Dynamic

Well-known member
#7
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
#8
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