Genesis 2.0.0 and responsive Header Image

[ollip2k]

Hello from Germany, great work with the current version.

A little question about the Genesis Header Image:

The Header image is defined in the style.css and used as a background.

For a custom Genesis 2 Theme with some easy HTML5-Animations i did this:
Link to a german custom genesis theme

If you resize the browser window, all images resizes very well, but the header image is still out of order. Didnt resize!

How can we fix this Problem, i need this for other customers very soon.

http://kunden.dc-unna.de/orco/

[ollip2k]

Dont wanna bump, but the next update with the genesis2 framework is here:
Body and Hairs need a hand!

i know i can handle this in a dirty way:

• style.css: change all header ids and classes height to 0px
• style.css: change all header ids and classes visibility to hidden
• functions.php: add a widget area before nav
• wordpress widgets: place an image with html code in the new widget area

But there must be a better solution on this great framework. Need U !

[John]

ollip2k,

There is a better solution: How to replace the StudioPress background header image with a real image logo

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[Stubbzee]

I am very new to Genesis and Worpress but the lack of responsiveness to the Sample theme header and no option to replace the header image for a smartphone with a div that shows the site name in text and importantly the phone number. All cell phones users have to do on an iphone is click it and they dial.

So could you tell me if this is wrong please or if anything from the header gets missed out that is important by doing this:

/** Remove Header 
remove_action( 'genesis_header', 'genesis_do_header' );

Then somehow adding a normal php page that you could use html and CSS in your stylesheet page before the genesis header. Say myheader.php, then I would write the two divs (need to work out how yet) , one showing the logo image as max-width:100% and height:auto, down to 768px and under that replacing it with the div showing site name, a background colour and the important clickable telephone number?

[Author]

Posts