sticky header

Hello,
I was wondering how I go about creating a template with a fixed header. I would like the logo / main menu area to remain visible when scrolling down.

Hi
you can use the "custom.css" file and add something like this CEd

also, if you do this, you need to create a wrapper containing a custom html block with no content above the first of your module positions, but set its height to the height of the fixed header. Otherwise your content starts behind the fixed header - it seems if you make a wrapper fixed, the next wrapper positions itself at the top of the page.
If your fixed wrapper changes height on different viewing devices, you also need to create custom html blocks with the relevant height and make them show on the correct viewing device

or you can add a margin to the second wrapper
the only problem will be if you want your website responsive, you can not adapt the margin (or your emtpy block) and then resizing the screen will not give a correct result. The best way would be to manage also this with some javascript (out of template creator scope)

Thanks for you help so far. I have tried what you asked:

#topwrapper {
position:fixed;
top:0;
left:0;
right:0;
}

But is doesnt seem to be working. inspection of the live template doesnt show that the custom css has been copied to it properly. should I be applying custom css to the "container" of the "page background"?

here's a link to the page Im working on:

alexavior.net/as2/index.php/home/alexavior-tips/audio-video

for a dedicated help please use the support contact form that comes with your membership if you have choosen to take the support