[support] How can I collapse the *sidebar first* region when the browser width is less than 900 pixels wide?

[John Mitchell]

I ended up answering my own question by adding the following to the bottom
of the themes associated local.css file:

hide the sidebar, all media:

@media (max-width: 900px) {
  .sidebar-first {
    display: none;
  }
}

John

On Wed, Jan 4, 2012 at 1:25 PM, John Mitchell <mitchelljj98 at gmail.com>wrote:

> How can I collapse the *sidebar first* region when the browser width is
> less than 900 pixels wide?
>
> Within the theme's .info file the following is set:
> settings[sidebar_first_width] = 4
> How can I programatically change the above to 0 so that the *sidebar
> first* region does not take up any space within the page when the
> containing browser wide is less than 900 pixels wide?
>
> One possible approach is to utilize the media query at the bottom of the
> themes associated .css file so that the *sidebar first* region is collapsed
> when less than 900 pixels based on the following link:
> http://www.alistapart.com/articles/responsive-web-design/
> but I am not sure if this is the best approach or what css to put in that
> would do this as an example from the above link:
> @media screen and (max-device-width: 480px) {
>   .column {
>     float: none;
>   }
> }
>
> John
>
>


-- 
John J. Mitchell
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/support/attachments/20120104/fb3d7562/attachment.html