My @media query not working for display:none

Discussion created by ehtroyas-esri-ireland-ie-esridist on Feb 18, 2014
Latest reply on Feb 20, 2014 by ehtroyas-esri-ireland-ie-esridist
Hi All!

Anybody knows why my map is not displaying again after resizing my window?  I am using the next media query to hide the map when the width is less than 767px.

@media (max-width: 767px) {
.map { display: none !important; }

The map is hiding but is not restoring again when I maximize the window. If I use { opacity: 0} it's working. Why display:none is creating an inconsistent state of the map?

I need help, thanks