Responsive Image Header

[marjwyatt]

I'd like to know if anyone has discovered the way to make image headers responsive in the Genesis Framework.

When I activate an image header at 400 pixels wide, it doesn't scale down with narrower browser widths.  The only way that I could make things work for all mobile devices was to redeclare the header and title text areas of the style sheet in the smaller widths and use smaller images on those statements.

Based on this experience, I'm thinking that the Genesis framework might need an update to the code that will allow us to upload multiple image headers for the various widths.

Has anyone come up with a better way to do this?  If so, I'm all ears.

Thanks in advance.  🙂

---

Virtually Marj Wyatt
VirtuallyMarj.com | Twitter | Facebook | Google +

[Pixel Frau]

Check out Nick's plugin: http://designsbynickthegeek.com/plugins/genesis-responsive-header

[marjwyatt]

Thanks for the suggestion.

The problem with using a plugin is that plugins are not always maintained. If the code was part of the Genesis Framework itself, ongoing support would be guaranteed.

---

Virtually Marj Wyatt
VirtuallyMarj.com | Twitter | Facebook | Google +

[Pixel Frau]

You're right, ongoing support is not guaranteed, which is exactly why I don't often recommend plugins. Nick, however, is a regular contributer to StudioPress. You could always take a look at the plugin and come up with something of your own.

[marjwyatt]

I tried the plugin.  It didn't work for me.

Yes, plugins are not supported forever.  Even those written by our mutual colleague, Nick.  See this thread:
http://www.studiopress.community/topic/move-search-form-to-secondary-nav/

---

Virtually Marj Wyatt
VirtuallyMarj.com | Twitter | Facebook | Google +

[Author]

Posts