Navigation Modification

[Dynamic]

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]

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:

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

 

[Dynamic]

Awesome!

Thanks for that 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]

Try this:

#header .pageWidth
{
	margin: auto;
	width: 100%;
}

 

[Dynamic]

Nope, didn't work dude. Any other ideas? By that way, YOU ARE THE MAN!!

 

[Jake Bunce]

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]

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]

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!