Header image not responsive

[fregia]

Greetings,
I have a header image that is not responsive and wondering if anyone could enlighten me as to what I need to do to fix it please?

http://iamfullyalivenow.com/

[Brad Dalton]

How did you add the image? Did you use the Header Image feature added to the Customizer or CSS?

---

Tutorials for StudioPress Themes.

[fregia]

I did it through the customizer...

[Brad Dalton]

Your style sheet shows its been added using CSS.

.site-title a {
    background: url(http://iamfullyalivenow.com/wp-content/uploads/2016/06/cropped-logo.png) no-repeat !important;
}

---

Tutorials for StudioPress Themes.

[fregia]

I looked at my style sheet and it is not there....very strange!

[fregia]

I am really at a loss here......support said:
Please be aware that when you change the custom header image size, you then need to adjust the theme's CSS to ensure the new image size is responsive. It looks like you need to add CSS to the media queries in your stylesheet to make the custom header image responsive on smaller screen sizes.

Not sure where to even begin......can anyone please advise. Novice here!

[Genesis Developer]

Add this in your style.css file

.header-image .site-title > a {
    background-size: contain;
    width: 100%!important;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[DonSteve]

Add this in your style.css file

.header-image .site-title > a {
background-size: contain;
width: 100%!important;
}

Agreed. That should fix it.

---

Total Carpet Care – Cleaning Services

[fregia]

Thank you guys for helping....I really really appreciate your input!!!!!

Unfortunately it did not work until I added !important after contain.

.header-image .site-title > a {
background-size: contain !important;
width: 100%!important;
}

That achieved the responsiveness that I was desperately needing but now there is a large space under the image. Can I get rid of that?

[Genesis Developer]

You will reduce the height by CSS.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[fregia]

I am still unable to get the right css to make it work....

[Author]

Posts