Ask your WordPress questions! Pay money and get answers fast! (more info)

@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-15

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");

}

}