need help with css / pushing a slider to the top WordPress
- SOLVED
Hi! I need a little help with css. I want to have a big full size slider at the top edge (like here: http://i48.tinypic.com/28k5195.png ). I know its not that hard, but I just fiddle around.
It should be positioned behind the logo & menu at the top. Right now it is under the header.
this is now:
stonehair.klausdyba.com
Here is a screenshot of the new position (the menu isnt shown in the pic, but should be above the slider of course).
http://i48.tinypic.com/28k5195.png
Klaus
Answers (2)
Christianto answers:
Hi,
Slider behind the header and menu?
you can set margin-top to minus value:
#lambda-featured-header-wrap {
margin-top: -210px;
border-bottom: 1px solid #D9D9D9;
}
change the selector in wp-content/themes/nevada/style.css line 3029
if you need to make the menu background in white add position relative and z-index to
.nav-wrap {
<strong>position: relative;
z-index: 10;</strong>
background-color: white;
border-bottom: 1px solid #D9D9D9;
}
screenshot result: http://postimage.org/image/g1dd23kpd/
klaus dyba comments:
I was really close to it already! Thanks!! worked.
klaus dyba comments:
hi Christiano! One more thing. At mobile view, the responsive menu is now hidden behind the slider. how can I position it in front? Do I need to set the z-index different?
Apostolos Kritikos answers:
Hi Klaus,
you need to find your CSS rule:
#lambda-featured-header-wrap in your theme and change it from:
#lambda-featured-header-wrap {
background: url("") no-repeat scroll center top rgb(17, 17, 17);
}
to
#lambda-featured-header-wrap {
background: url("") no-repeat scroll center top rgb(17, 17, 17);
position: relative;
top: -210px;
}
Hope it helps!
Best,
Apostolos