Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Fixed header with form on page

Old Mar 13, 2012, 10:40 AM
30 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
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What version of Atahualpa and WP?
What is the URL?
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Mar 13, 2012, 11:39 AM
30 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
30 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,176 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
30 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
30 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 07:14 AM.

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