How do you make a div disappear when reducing window width, leaving it's plete space available to other elements? I do not mean hiding piece by piece on overflow, but the whole element.

I came across this brilliant feature on the following URL:

Is javascript required or can it be done with CSS? I noticed the page is pretty much HTML5.

How do you make a div disappear when reducing window width, leaving it's plete space available to other elements? I do not mean hiding piece by piece on overflow, but the whole element.

I came across this brilliant feature on the following URL: http://flexslider.woothemes.

Is javascript required or can it be done with CSS? I noticed the page is pretty much HTML5.

• javascript
• html
• css

1 Answer 1

You can do this with just CSS:

@media all and (max-width: 480px) {
  .mydiv { display: none; }
}