Responsive Header

[John]

John

January 24, 2017 at 4:33 am

Hello,

I want a header image that is full width, and responsive. Site http://www.johngrahamtours.com

I’ve read all the threads about header images, including this article *Login to see link but can’t figure this out.

I’ve experimented with adding css like this:

#header-img {
width: 100%;
height: auto;
}

and this:

.headerclass .container {
width: 100%;
}

But these don’t seem to allow the header image to fill the space. I don’t really care if it is cover or contain, so long as the it fills the entire header background space for multiple size screens.

Can you help?