How can I make the header fixed when the page is scrolled, like the background image staying fixed. I've seen this with some sites and guess there is a way around for that

If I've understood you correctly, add this line of code to "body style" under "body, text and links":

background-attachment: fixed;


This allows the body of the site to scroll over the background picture - as on this site www.muchmarcle.net

@rosetrees, I asked about how to make the header area stay fixed when scrolled. Header area means that part which includes the page menu, logo, cat menu, header image etc. I am asking for an equivalent code for the header area like the background-attachement: fixed; property

try this, you may have to play with the padding/margin of the center area

#header {position:fixed;}

Can you please tell me exactly where I need to insert "#header {position:fixed;}" to have a sticky header (page menu, logo, cat menu etc.). I'm using Atahualpa 3.7.10. Thank you.

put it in the 'CSS Inserts' option

Got it. Thank you.