I am working on a responsive web design. For some resolutions like below 800px across, I hide a whole div with syntax such as:
@media only (max-width : 800px) {
div.well._menu {
display: none;
}
}
How do I bring the div back to its default if the display property has not been declared originally? Do I use inherit?
@media only (min-width : 801px) {
div.well._menu {
display: inherit;
}
}