Header image not responsive in mobile view

[littleredbrickhouse]

I replaced my header with a custom image and it looks good on my laptop screen but it gets cut in half when viewed from a smaller device, like my iPhone. How do I make the header image responsive like the rest of my site?

http://www.littleredbrickhouse.com

[AnitaC]

This reply has been marked as private.

[provirtualassistant]

Why is the response to this private? I have the same issue but cant see what she did cause your response is hidden?!

[Marc]

First try this plugin -

Genesis Responsive Header Customizer Update

Then, depending upon the child theme theme you are working with and the size of your header logo you may, or may not, need to edit the theme's css

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[AnitaC]

If you use the plugin, you will need to modify the CSS under the media queries/responsive area to include a "height". I have a client with a header that large and I had to add "heights" to eliminate the space above and below the header.

---

Need help with customization or troubleshooting? Reach out to me.

[littleredbrickhouse]

I did end up using the plugin that Marc suggested and it worked! Thanks!

[Marc]

You're welcome! Glad it worked.

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[Author]

Posts