Ask your WordPress questions! Pay money and get answers fast! (more info)

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)

2012-10-18

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?

2012-10-18

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