davidcastle — 2013-08-21T17:40:01-04:00 — #1
Problem: My CSS Menu drops behind the LayerSlider slides.
Info: On my own testing site on a different host, this does not happen. The only different between the sites are some of the general content as well as editing of the Z-Index AFTER the problem has occured. http://air2data.com/jake/ this is the staging area for new site. http://aeonstrife.com/air2data/ This is other host.
My work has me building this site which is slightly out of my expertise and comfort zone. I have had some wordpress experience in the past, but have been self teaching myself lately. I can edit and read CSS HTML and Jscript from some classes at school so I can understand replies within that context and im really crappy with PHP, but Wordpress is all a messy jumble to me so you may have to tell me where certain files are I may have to edit if required.
Referred to here by Rhys, said it was a good place. =) Thanks ahead of time for any help! Sometimes wordpress can be a pain.
ralphm — 2013-08-21T19:25:25-04:00 — #2
Hi David. Welcome to the forums.
All you need to do here is raise the z-index on the #header div. Any high value will do, but even 3 is enough (line 809):
border-top: 5px solid #00BFF3;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
z-index: <font color='"#FF0000"'>100</font>;
davidcastle — 2013-08-23T14:18:10-04:00 — #3
It worked! and well indeed =). I must also say that I have never on any forum received such a simple and working answer on the first reply.. ever haha. You have made my first experience here wonderful.
ralphm — 2013-08-23T17:03:37-04:00 — #4
That's great to know, David. We do try to be friendly and helpful.