Hi ,

I am a begineer in Drupal and currently making a website using andromeda theme. Right now , I moved slideshow to header and wanted the slideshow to cover the whole top section of page. The thing is I am not able move the slideshow to the right most.

My website is bazooka.in/drupal. You can have a look at it.
My image size are 1920*1200. My image style configured in drupal is scale1900 * 400.

I have edited the css of andromeda theme and attached below.

thanks for the help.

structure.css

/**
* Slider
*/

#slideshow .nivo-controlNav {
position:absolute;
bottom:-25px;
right:10px;
overflow:hidden;

}

.nivo-controlNav a{
display:block;
float:left;
width:12px;
height:12px;
background:#717171;
margin:0 5px;
border-radius:15px;
text-indent:-9999px;
}

.nivo-controlNav a.active,
.nivo-controlNav a:hover{
background:#111;
}

.nivo-caption p{
padding:5px;
}

---------------------------------------------------------

layout.css

#slideshow {
background: url("../images/shadow.png") no-repeat scroll center bottom transparent;
margin-left:0px;
overflow: hidden;
padding-bottom: 150px;
position: relative;
width: 100%;
height: 300px;
}

/* comment out the title of slideshow */
#slideshow h2.block-title {
display:none;
}