[Forum] Fixed (static) Header?

[zapiy]

Hi we are looking at fixing the header so it remains in position when scolling i changed the position in the css from relative to fixed and it goes out of sync totally.

Any help please?

[Lynne]

Can we get a link to see what is going on?

[zapiy]

Sure, http://www.forumfanatics.com/vbtest/?styleid=3

The grey header area accross the width of the page at the very top... We want that to remain in position when scrolling..

Cheers

[Lynne]

You need to set the position as "fixed" and then set top and left (probably both 0) and a width (100%)

#header {height:80px;left:0;position:fixed;top:0;width:100%;z-index:1;}

[zapiy]

Which file should i edit?

When i search for #header it finds 2 templates vbulletin-chrome.css and stylegenerator.css.

Thanks

[zapiy]

We have lost all the links on it now though to forum whats new and so on?

[Lynne]

Which file should i edit?

When i search for #header it finds 2 templates vbulletin-chrome.css and stylegenerator.css.

Thanks

As my signature says, if I don't state where to put the CSS, then put it into the additional.css file.

[zapiy]

Thanks but the buttons still disappear?

[Lynne]

You mean the navbar stuff? So include that in the CSS also. Right now, you've totally hidden them with this:

margin: -40px 70px 200px;

[zapiy]

just by removing that code?

[Lynne]

Well, you need to change that in order to see the navbar in the first place. If you want it to stay static, then you need to apply the same sort of CSS I posted to .navbar area also (position:fixed; top: 40px or so, left:0 etc.). And then you'll have to position .above_body also.

This really is something you may want to ask for help with over on vbulletin.org, the modification site.