Home › Forums › CSS › [Solved] IExplorer ignoring my media queries? › Reply To: [Solved] IExplorer ignoring my media queries?
December 22, 2014 at 11:13 am
#191444
Senff
Participant
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%;}
}