Responsive header

[brook1979]

Hi People,

I have a background image in my header "using the sample genesis" and Im trying to get it to be responsive, I tried using the plugin by Nick, but that didn't work......

Any ideas as to what I can do to achieve this? Im not that savvy at the minute with @media and responsiveness but Im learning 🙂

If you could point me in the right direction that would be great.

Thanks

http://www.oovar.com/special-offers-gifts-and-promotions

[Anita]

It's because your header image is too large. The size of is is 1903px wide by 164px tall.

---

Love coffee, chocolate and my Bella!

[Anita]

What you might want to consider is developing a different header that is similar to the desktop version but will work with his plugin.

---

Love coffee, chocolate and my Bella!

[brook1979]

Hi Anitac,

Sorry that doesn't make sense to me "Desktop version"?? The reason the header is so big is probably because Im working on a 22" monitor so I made it to fit this if that makes sense.

I have other smaller images of the same version as I did them to fit in with the "responsive header plugin".

Any ideas??

Thanks for chipping in.

[Anita]

Desktop meaning a regular computer... desktop computer, traditional laptop - not a mobile device like cell phones, ipads, tablets, Kindles. On your home page - you have a background image - http://www.oovar.com/wp-content/uploads/2013/08/oovarbackground.png - it's not responsive. Then when I visit the page you provided above, the header image is different.

If you activated the plugin and you put the header sizes in there - they are not being seen. I still see the original header.

---

Love coffee, chocolate and my Bella!

[Author]

Posts