How to make this logo responsive?

[jrotem]

As I continue to learn Genesis, I've been playing with the Sample theme. On this site I can't get the header logo to be responsive. I tried the css below, but the the logo was cut off on top.

@media only screen and (max-width: 800px) {
.header-image .site-title > a {
background-size:100%;
}
}

Suggestions? Thank you.

(btw I know the table content isn't responsive.)

jean

---

“It’s always something.” — Rosanne Roseannadanna

http://www.curryplum.com

[Victor Font]

Change background-size:100%; to background-size:contain;

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jrotem]

I will try that. Thank you, Victor!

---

“It’s always something.” — Rosanne Roseannadanna

[jrotem]

Finally got around to this -- worked a charm. Thank you!

---

“It’s always something.” — Rosanne Roseannadanna

[Author]

Posts