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 »

[SOLVED] Fixed header with form on page

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Mar 13, 2012, 10:40 AM
25 posts · Mar 2012
I tried to make the header fixed as described on this thread. It worked well except for a page witha form from contact form 7. When that page scrolled up the input boxes showed over the header.
I undid it for now, but can easily redo if you would like to see what I mean.

Related thread here.

Last edited by aygart; Mar 13, 2012 at 10:54 AM.
Old Mar 13, 2012, 11:20 AM
juggledad's Avatar
22,097 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What version of Atahualpa and WP?
What is the URL?
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
Old Mar 13, 2012, 11:39 AM
25 posts · Mar 2012
WP 3.3.1
Atahualpa 3.7.3

I will redo this so that you can see.
Old Mar 13, 2012, 02:22 PM
25 posts · Mar 2012
I have put it back to the skewed way mentioned above for your viewing
Old Mar 13, 2012, 02:46 PM
lmilesw's Avatar
10,077 posts · Jul 2009
Central New York State USA
Try increasing the z-index for #header-wrap
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Mar 13, 2012, 03:45 PM
25 posts · Mar 2012
As a learner in CSS and wordpress as a whole I am not really sure how to do this or what z-index is. As per Juggledad in this thread I added the following code to CSS inserts:
div.header-image-container {z-index: 10;}
This took care of the form showing through the images and the menu items. It still shows through the menu bar where there are no items.

Maybe I should have made them one thread.
Old Mar 13, 2012, 03:51 PM
25 posts · Mar 2012
I think I have it figured out between the two of you. I added this:
#header-wrap {z-index: 10;}
It took care of all things showing through the entire header. Now I just need to get the sidebars straightened out as described here.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Fixed Position Layout with fixed center column? 49Monsters Center area post/pages 1 Nov 3, 2010 02:41 PM
Header Images - One fixed image for Home Page - Rotate all images on all other pages? ClearlyRobert Header configuration & styling 10 Oct 12, 2010 12:12 PM
How do I changed the fixed width for my header? rsaelee Header configuration & styling 1 Jun 17, 2010 05:16 AM
Insert a dropdown box form between Page menu and Header image(banner) joaodagraca Header configuration & styling 0 Jul 27, 2009 11:10 AM
Fixed HeaderImage for Home Page & then Rotating Header Images for other pages? kippiper Header configuration & styling 6 Jun 29, 2009 06:47 AM

All times are GMT -6. The time now is 03:02 PM.

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