Hide div if screen is smaller than a certain width

by

Use media queries. Your CSS code would be:

@media screen and (max-width: 1024px) {
    .yourClass {
        display: none !important;
    }
}

More Related Contents:

  1. Hide/Show Column in a HTML Table
  2. jQuery select change show/hide div event
  3. jQuery show for 5 seconds then hide
  4. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  5. Use jQuery to hide a DIV when the user clicks outside of it
  6. jQuery using append with effects
  7. How can I use delay() with show() and hide() in Jquery
  8. Show welcome div only once per user / browser session
  9. Multiple input validation
  10. jQuery UI DatePicker – Change Date Format
  11. jQuery click event not working after adding class
  12. Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
  13. Is it possible to style a select box? [closed]
  14. Select element by exact match of its content
  15. Perform client side validation for custom attribute
  16. jquery data selector
  17. Adding attribute in jQuery
  18. .autocomplete is not a function Error
  19. Deprecation of success Parameter in jQuery.ajax?
  20. jQuery – replace all instances of a character in a string [duplicate]
  21. How to empty input field with jQuery
  22. jQuery scrollRight?
  23. How to make JQuery-AJAX request synchronous
  24. Changing the child element’s CSS when the parent is hovered
  25. TypeError: $.browser is undefined
  26. Filtering Table rows using Jquery
  27. how to get value of selected item in autocomplete
  28. jQuery html attribute not working in IE
  29. JSON stringify missing from jQuery 1.4.1?
  30. What JQuery selector excludes items with a parent that matches a given selector?

Leave a Comment