Change Header image mobile responsive

[alistairmckenzie]

Hi when the screen goes less than 1024px I want to change the Header image i am using Agency V2 i have tried with the following but it didnt work

 

#title-area {
width:100% !important;
text-align: center !important;
float:none !important;
}

#title {
width:100% !important;
text-align: center !important;
background: url(http://www.mywebsite.com/wp-content/uploads/header2.png) no-repeat; !important;
float:none !important;
}

any help much appreciated

[rfmeier]

Hello,

Is the site live? Do you happen to have a link?

---

Ryan Meier – Twitter

[alistairmckenzie]

No I am working locally

[rfmeier]

Hello,

If you don't already have a media query within your style.css, you can add this one to the end of your style.css file.

@media only screen and (max-width: 1023px) {
/* add your css here */
}

Just make sure this is at the bottom of your style.css file.

---

Ryan Meier – Twitter

[Terry]

To piggyback Ryan...

The Genesis Responsive Header plugin may help you.

Best of Luck!

[alistairmckenzie]

Managed to sort it but thanks for the replys didnt realise there was a Genesis Responsive Header plugin will have a look at it thanks

[Author]

Posts