How Do I Get Multiple Header Graphics In Responsive Mode?


Author Message
Jae

Posted: 2/5/2013
Quote message 

Hi guys & gals! :-)
Here's something which is really bugging me & I've been trying a few ideas I had out but to no avail as of yet. So I thought I'd put it out there and find out if anyone else has come up with a work around to this challenge?

I'd appreciate any advice on this please. And I thank you in advance. :-)

Anyways, as you probably already know, when a Wordpress theme is designed in Artisteer 4 and saved as a responsive theme, it strips out the graphics - apparently (according to what Artisteer's support guys have told me) to avoid images overlapping.

I've been given a work around for if you only have one image in your header.

Quote :
In case you have only one image/shape, you can use this workaround - simply add it to the end of responsive.style.css:

.responsive .art-header{
background-image: INSERT IMAGE PATH
background-repeat: no-repeat!important;
background-size: contain!important;
}


But if you have more than one image then this does not work.

So does anyone have any suggestions of a work around for using more than one image (and making those images clickable) in the header please?

Many thanks,
Jae :-)