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

Home Forums CSS CSS media queries not overriding Reply To: CSS media queries not overriding


Nope you should be fine but a demo of the issue is of more use than raw code.

That said, if the code you have provided is a direct cut and paste…you do appear to have commented out most of the code….that could be it.

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
/* tablets/desktops and up ———– */
@media (min-width: 992px) and (max-width: 1199px) {
/* large desktops and up ———– */
@media screen and (min-width: 1200px) {

See the difference?