Different headers for different resolutions

[teamvape]

Team-Vape.com

I understand that my header is responsive but now I want to see if I can make it change automatically depending on the user/viewer's resolution. Our website right now has a banner and we want to keep it that way for maximized browsers and ipads. But for mobile devices, we want the header to be something totally different.

Here are some pictures to explain what we want to do... Please let me know if you cannot view them.

------------------------------------------------------------------------------------------------------------------------------------------------------

For desktop:
http://i60.tinypic.com/1249fcz.png

---------------------------------------------------------------------------

For iPads and tablets:
http://i61.tinypic.com/vzv6vb.png

or
http://i58.tinypic.com/xvpeh.png

---------------------------------------------------------------------------

For mobile devices, this is what we are looking to do:
http://i58.tinypic.com/2h73xgk.png

------------------------------------------------------------------------------------------------------------------------------------------------------

My website runs on Magazine Theme Pro
Thanks in advance... 🙂

http://www.team-vape.com

[Susan]

You asked essentially the same question on this post, to which I responded:

Custom Header for mobile

Following that tutorial will allow you to add multiple different images for different browser/device sizes.

[Author]

Posts