Full width image on home page


I am trying to set an image on the home page to be a full width image. I am using header slider with the slider disabled.

The image has a depth of 600px. I want the image to be flush left, align top, and scale horizontally to always show the full width of the image.

So my questions are:

Option 1. Is it possible to set the image and slider container to scale full width, auto height?

Option 2. Always keep the image set to height of 600px

I’ve got option 2 working perfectly in FF but I can not get it to work in Chrome and Safari.

Here’s a link to the home page:

.home .header-slider {
	margin-top: 76px !important; /*-- height of site header —*/
	background-color: #009AA8;
	height: 600px !important;

.home .header-slider .slides-container .slide-item {
	opacity: 1 !important;
	background-position: 0px 0px !important;
	background-size: cover !important;

Thanks for any help with this.

Hello Elarie,

This topic is already marked as Resolved.

Can you please confirm that you solved your issue?

Kind Regards, Roman.

I used the Crelly slider and it solved my issues. Thanks Roman.

Great! Have a nice day Elarie :slight_smile:

Kind Regards, Roman.