Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   How to make the header fixed as opposed to scrolling (http://forum.bytesforall.com/showthread.php?t=12289)

sober Jan 17, 2011 09:38 AM

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

rosetrees Jan 17, 2011 01:27 PM

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

sober Jan 17, 2011 02:18 PM

@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

juggledad Jan 18, 2011 04:30 AM

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

#header {position:fixed;}

edwardb223@yahoo.com Jan 8, 2013 07:33 PM

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.

juggledad Jan 11, 2013 02:55 AM

put it in the 'CSS Inserts' option

edwardb223@yahoo.com Jan 14, 2013 12:54 PM

Got it. Thank you.:)


All times are GMT -6. The time now is 06:55 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.