Reply To: [Solved] IExplorer ignoring my media queries?

[Senff]

I think you’re just missing some closing brackets for media queries here and there. Once that happens, IE will ignore them.

For example:

@media screen and (max-width: 837px) {
    nav {margin-top: -14%;}

@media screen and (max-width: 825px) {
    #grow h1 {width: 50%;}
    #right_top h2 {font-size: 1.25em;}
    #right_bottom h2 {font-size: 1.15em;}
    footer {margin-top: .5%;}
}

@media screen and (max-width: 785px) {
    nav {margin-top: -14.5%;}

@media screen and (max-width: 790px) {
    #outer_wrap {width: 100%;}
    nav {margin-top: -15%;}
}

Should be:

@media screen and (max-width: 837px) {
    nav {margin-top: -14%;}
}

@media screen and (max-width: 825px) {
    #grow h1 {width: 50%;}
    #right_top h2 {font-size: 1.25em;}
    #right_bottom h2 {font-size: 1.15em;}
    footer {margin-top: .5%;}
}

@media screen and (max-width: 785px) {
    nav {margin-top: -14.5%;}
}

@media screen and (max-width: 790px) {
    #outer_wrap {width: 100%;}
    nav {margin-top: -15%;}
}