display none on desktop / mobile

manpreet Best Answer 2 years ago

_x000D_ @media only screen and (min-width : 320px) Means: for devices with a screen and a minimum width of 320px. So that will affect all wider than 320px. To address mobile phones, you should use the max-width .mobile { display: none; } @media only screen and (max-width : 320px) { .desktop{ display: none; } .mobile{ display:block; } } Also make sure that the media query comes after the first line... otherwise it will override it.