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


  #1  
Old Mar 13, 2012, 11:40 AM
aygart
 
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 11:54 AM.
  #2  
Old Mar 13, 2012, 12:20 PM
juggledad's Avatar
juggledad
 
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
  #3  
Old Mar 13, 2012, 12:39 PM
aygart
 
30 posts · Mar 2012
WP 3.3.1
Atahualpa 3.7.3
http://lowerwatt.com/getquote/

I will redo this so that you can see.
  #4  
Old Mar 13, 2012, 03:22 PM
aygart
 
30 posts · Mar 2012
I have put it back to the skewed way mentioned above for your viewing
  #5  
Old Mar 13, 2012, 03:46 PM
lmilesw's Avatar
lmilesw
 
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.
  #6  
Old Mar 13, 2012, 04:45 PM
aygart
 
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:
Code:
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.
  #7  
Old Mar 13, 2012, 04:51 PM
aygart
 
30 posts · Mar 2012
I think I have it figured out between the two of you. I added this:
Code:
#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.

Bookmarks



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 03: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 01:12 PM
How do I changed the fixed width for my header? rsaelee Header configuration & styling 1 Jun 17, 2010 06:16 AM
Insert a dropdown box form between Page menu and Header image(banner) joaodagraca Header configuration & styling 0 Jul 27, 2009 12:10 PM
Fixed HeaderImage for Home Page & then Rotating Header Images for other pages? kippiper Header configuration & styling 6 Jun 29, 2009 07:47 AM


All times are GMT -6. The time now is 10:59 AM.


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