@media query question WordPress

• SOLVED

Hi,

I want to display a smaller logo for screen with a width of 480px and smaller.

For some reason the css gets overwritten.

This is the code that I want to apply.

@media only screen and (max-width: 480px) {
#header {
background: url("images/logo-small.png") center no-repeat, url("images/payoff.png") display: none;
}
}

This is the code that is applied:

#header {
background: url("images/logo.png") left no-repeat, url("images/payoff.png") right no-repeat;
}

Please check http://test.dosator.nl/

Answers (1)

2013-07-16

isp_charlie answers:

should be this:


@media only screen and (max-width: 480px) {

#header {

background: url("images/logo-small.png") center no-repeat, url("images/payoff.png");

}

}