Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41154
    Bluej
    Member

    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?

    #116282
    Paulie_D
    Member

    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?

    #116292
    Bluej
    Member

    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!

    #116293
    Bluej
    Member

    ToxicFire – you are exactly right – thank you.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.