Question

I would like to adjust elements displayed on my view depending on the width of the page. Let’s say the page width is greater than 800 px, then I would like to display div A + div B (see picture below).

But if the page width is less or equal than 600 px,then I would like to display only div A.

It has to be dynamic. So If the user resize the window, the div B must be showed or hided.

A jQuery solution?

Thanks.

Answer 1

Do it in CSS, using media queries!

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

jsfiddle