Why don’t these @media query rules get applied?

[Bluej]

Hi

Here is an issue with the sidebar on this site:

http://cashflowrollercoaster.com.

When the site goes under 960 pixels, I want these rules to apply:

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

.sb-inner {

padding: 10px 10px 20px 10px;

display: block;

margin: 0 auto;

text-align: center;

}

/* even more rules */

}

Inspecting in Firebug, I don’t see this getting called. Can you help?

[Paulie_D]

Is it being overridden by your code for custom widgets on line 1792 of your style sheets?

It comes after your media queries…perhaps it needs to come higher?

[Bluej]

I found the problem.

I ran the CSS through a validator. There was an error above this code which prevented it from being processed.

All fixed!

[Bluej]

ToxicFire – you are exactly right – thank you.

[Author]

Posts