How To Make Header Image Responsive in Agency 2.0?

[anotherusername]

Hi all:

How can I make my header image responsive?

http://www.thebuddhagarden.com/blog/

There seems to be both inline CSS and external CSS from the stylesheet that is affecting the header.

The INLINE CSS is this:

#header {
    background: url('http://www.thebuddhagarden.com/blog/wp-content/themes/directorypress/thumbs/cropped-buddha-garden-logo-flowers.jpg') no-repeat scroll 0% 0% transparent !important;
}

The CSS from the stylesheet is this:

#header {
    margin: 0px auto;
    min-height: 65px;
    overflow: hidden;
    width: 100%;
}

Sadly, I don't see a way in the WP / Genesis admin to edit the inline CSS

I might be missing something though, so if that doesn't present a clear answer, then I would be most appreciative if you could view my site and look around the CSS.

Thanks in advance.

http://www.thebuddhagarden.com/blog/

[anotherusername]

Bumping this thread.

[Author]

Posts