Wheres the fixed header posts?

[josephu]

I want a fixed header and maybe a footer, surely Im not the only one, I have 4.1.0 pl2, I want my entire header to stay put and rest of page to scroll. I cant find the threads on this. How do I do this, or where do I look for the information?

[LifesGreatestGift]

This may help

https://vborg.vbsupport.ru/showthread.php?t=196253

[josephu]

Thank you, getting closer but not quite there yet. For 1 its for version 3.7 and I am 4.1.0 pl2, and 2 that one is for a header that only loads once as you click thru pages on site, its pretty cool, but again, not what Im looking for, it still scrolls with the page.

Look above, see the vbulletin.org header?, imagine scrolling down and that vbulletin.org header stays right there, and maybe everything under the ( user cp - help - m.list - n.posts - qu.links - log out) bar scrolls underneath the entire top section. make sense?

[LifesGreatestGift]

Try working with adding the following code to additional.css

.above_body {
position:fixed;
z-index:1000;
}

Depending on your setup, mods etc you may need to work with a bit more css to make it look perfect. Hope this helps.

[josephu]

I am a newbie, in my admincp>style manager>Main CSS I see all the main blocks for editing the css, the final block talks about adding additional css, "any text here will be entered at the end of style tag" There are 2 text field areas in this final box, the top one has css in it, the bottom one is blank, Ive added your code to both, and it doesnt do anything, but I think it might be because I dont know how to save it, I enter the text in the text field, but how do I save, there is no save button? Am I trying this in the wrong place?

[LifesGreatestGift]

In the dropdown in the Style Manager click edit templates>CSS Templates>additional.css and its in there. Main CSS is obsolete.

[josephu]

ok found it, Im trying the code you gave, Ive put it after all the other css and various spots throughout the document but it doesnt work and I can see the "position:fixed;
z-index:1000;" on my site below header. I cant afford to hire someone to do this so I just have to figure it out myself, thank you for all your help

[Lynne]

If you are actually seeing the text, then you did it wrong. It would really help if you post a link to your site/style so we can see this.

[LifesGreatestGift]

Well, you shouldnt be putting it in "various spots" just one, bottom of additional.css. The reason the text is showing and not the "effect" is because you put it in a template other than additional.css.

For future reference, any css code that is not going to be put in a *.css template, but a regular template MUST be wrapped in

<style type="text/css">

/* Enter your css here */

</style>

[josephu]

ok, you see persistence pays off! Thats finally doing something, although now its obvious I need to move my header all the way up, because of about 1 3/4 inch gap from top of computer screen to top of header, also its apparent that I need to make my header "full width", and thirdly, I need to adjust something so that the top of the body that scrolls, stays under the bottom of the header, I assume I can do all this with header padding adjustments in stylevars? Am I correct?