How to make the header fixed as opposed to scrolling
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
HTML Code:
#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.:)
|
All times are GMT -6. The time now is 06:06 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.