Responsive Header Image

[mbeck]

I'm not sure if this can be done, but here's what I'd like:
I'd like to place an image behind the Site Title and Description text (which I know how to do), but when the screen width is below a certain size, not use the graphic and use a colored background instead.

http://www.michaeljbeck.com/theme_test/

[Sridhar Katakam]

Should be possible.

Can you provide the URL of your desired background image for site title and description text at higher widths?

---

Genesis Tutorials | Follow me on Twitter

[mbeck]

Thanks for asking. My intention is to use the text in both cases.
On a large screen, there would be a white background and a graphic behind the text but on a small screen, there would be no text and the background would be a color.

Here is a link to the graphic:
http://www.michaeljbeck.com/theme_test/wp-content/themes/streamline-pro/images/headerbackground1.png

Here's what the header would look like on a large screen: (the text isn't positioned correctly in this example)
http://www.michaeljbeck.com/theme_test/wp-content/themes/streamline-pro/images/Screen%20Test.jpg

This is what the header would look like on a smaller screen:
http://www.michaeljbeck.com/theme_test/

[macnrwanda08]

I would like to do the same. Looking forward to someone who has the solution!

[Author]

Posts