PDA

View Full Version : Anchoring the header


scottkoz20
08-08-2016, 01:16 AM
Is there any known modification that can anchor the heading?

scottkoz20
08-12-2016, 01:23 PM
to be more clear, I want to have the header and navbar static and allow the rest of the page to be navigatable (if this is even a word)


Here is my domain --> http://www.sportscardforum.com/forum.php (looking for the top orange to be frozen)

Dave
08-12-2016, 01:29 PM
You mean you want the header to have a fixed position while the rest should be scrollable?

Seven Skins
08-12-2016, 05:26 PM
These two lines of css fixes the header in default skin, adjust accordingly...

.above_body { position: fixed; top:0; left:0; right:0; margin: 0px 35px; z-index: 10000; }
.body_wrapper { margin-top: 120px; }

TheLastSuperman
08-12-2016, 06:20 PM
imho only do this if your logo/header area is very small.

MarkFL
08-12-2016, 06:25 PM
imho only do this if your logo/header area is very small.

I agree completely...no one (or very few) would want a huge header permanently obscuring much of the page. I would stick to something 50px tall or smaller personally. :)

scottkoz20
08-12-2016, 11:59 PM
I will play with this in my development area first before loading it.

I do appreciate the suggestions, especially keeping image small

--------------- Added 1471054349 at 1471054349 ---------------

These two lines of css fixes the header in default skin, adjust accordingly...

.above_body { position: fixed; top:0; left:0; right:0; margin: 0px 35px; z-index: 10000; }
.body_wrapper { margin-top: 120px; }

I appreciate this, however, I'm not sure which CSS file that should be modified.

Seven Skins
08-13-2016, 09:26 AM
Add them to additional.css template.

scottkoz20
08-14-2016, 01:27 AM
Add them to additional.css template.

did this, no luck - I probably will need to make adjustments to the style variables however, this is something I will do next week.

scottkoz20
06-10-2017, 12:10 AM
dusting this off as I'm working on a new style - was able to get this to work on the new style :)


Thanks everyone