Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

How to make the header fixed as opposed to scrolling


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 17, 2011, 09:38 AM
sober's Avatar
sober
 
121 posts · Oct 2010
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
  #2  
Old Jan 17, 2011, 01:27 PM
rosetrees
 
102 posts · Mar 2009
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
  #3  
Old Jan 17, 2011, 02:18 PM
sober's Avatar
sober
 
121 posts · Oct 2010
@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
  #4  
Old Jan 18, 2011, 04:30 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try this, you may have to play with the padding/margin of the center area
HTML Code:
#header {position:fixed;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 8, 2013, 07:33 PM
edwardb223@yahoo.com
 
12 posts · Oct 2012
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.
  #6  
Old Jan 11, 2013, 02:55 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
put it in the 'CSS Inserts' option
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jan 14, 2013, 12:54 PM
edwardb223@yahoo.com
 
12 posts · Oct 2012
Got it. Thank you.

Bookmarks

Tags
fixed header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
non-scrolling header area in foreground not background striped aardvark Header configuration & styling 2 Oct 29, 2010 07:23 AM
How to make the Header width fluid (100%), but keep everything else fixed (980px)? in10 Header configuration & styling 3 Aug 23, 2010 08:55 PM
How to make Fixed Sidebar Height alauna Sidebars & Widgets 3 May 17, 2010 04:05 PM
Weird Error With Code in Loop as Opposed to index.php adum Post-Kicker, -Byline & -Footer 1 Oct 10, 2009 04:48 AM
How to make a fixed height center column??? hankphone Header configuration & styling 1 Jun 24, 2009 08:39 AM


All times are GMT -6. The time now is 04:12 AM.


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