Reply To: Slider Background Image Size and placement

I believe I may have solved my own problem.

First off, the sides of the image were getting cropped off because the aspect ratio of the image was too wide compared to the height. I found it helps to use a photo with an aspect ratio closer to how you’d like the image displayed most of time. For this case and aspect ratio of approx 2:1 works. The test image I originally tried was more like 4:1.

As for the image getting pushed up under the fixed header, I added:

background-position: center 65px;

“center” sets the horizontal position. “65px” drops the image down 65px in the y direction. My header band is 65px tall. When the header position is fixed, the slider background image uses the top of the browser window for it’s top position, not the bottom of the header band.

Here’s a link to the home page as it’s now laid out. http://sandbox.inboundinfocus.com/