If window.width hide

Question

I have a html and i have also a carousel with pictures. But on small devices they don't look good. So my question is how can i hide the div if the width is less than 1015px? Here is my div:

<html>
 <body>
  <div id="myCarousel"  class="carousel slide" data-ride="carousel">
 </body>
</html>

I know already that i have to use javascript or css. But it didn't work for me. So can someone tell me which javascript i have to use for this?

http://stackoverflow.com/questions/31511001/is-there-a-javascript-equivalent-to-using-media-query/31511072#31511072 — sahil gupta, Dec 02 '15 at 08:02
if you are using bootstrap then simply use hidden-xs class on div which you want to hide. — Leo the lion, Dec 02 '15 at 08:02

score 1 · Answer 1 · answered Dec 02 '15 at 08:06

1

Try putting this in your css file:

@media screen and (max-width: 1015px) {
   #myCarousel{
      display: none;
   }
}

answered Dec 02 '15 at 08:06

AVAVT

7,058
2
21
44

`hidden-xs` will do this automatically. no need to do this. – Jai Dec 02 '15 at 08:07
1

hidden-xs hides the div on screen width < 768px by default. He wants 1015. – AVAVT Dec 02 '15 at 08:09
_But on small devices_ **small devices** which have the width < 1015. – Jai Dec 02 '15 at 08:12
Friend, in this line of work we work with pixel and em, not Android TV or AppleWatch. – AVAVT Dec 02 '15 at 08:17

If window.width hide

1 Answers1