Wordpress Themes - WP Forum at BFA

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 11: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 12:20 PM

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

aygart Mar 13, 2012 12:39 PM

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 03:22 PM

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

lmilesw Mar 13, 2012 03:46 PM

Try increasing the z-index for #header-wrap

aygart Mar 13, 2012 04: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 04: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 09:45 AM.

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