Wordpress Themes - WP Forum at BFA - [SOLVED] Fixed header with form on page

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - [SOLVED] Fixed header with form on page (http://forum.bytesforall.com/showthread.php?t=17014)

aygart

Mar 13, 2012 10:40 AM

[SOLVED] Fixed header with form on page

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.

juggledad

Mar 13, 2012 11:20 AM

What version of Atahualpa and WP?
What is the URL?

aygart

Mar 13, 2012 11:39 AM

WP 3.3.1
Atahualpa 3.7.3
http://lowerwatt.com/getquote/

I will redo this so that you can see.

aygart

Mar 13, 2012 02:22 PM

I have put it back to the skewed way mentioned above for your viewing

lmilesw

Mar 13, 2012 02:46 PM

Try increasing the z-index for #header-wrap

aygart

Mar 13, 2012 03:45 PM

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.

aygart

Mar 13, 2012 03:51 PM

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.

All times are GMT -6. The time now is 07:15 PM.