How can I collapse the *sidebar first* region when the browser width is less than 900 pixels wide?<br><br>Within the theme&#39;s .info file the following is set:<br>settings[sidebar_first_width] = 4<br>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?<br>
<br>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:<br><a href="http://www.alistapart.com/articles/responsive-web-design/">http://www.alistapart.com/articles/responsive-web-design/</a><br>
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:<br>@media screen and (max-device-width: 480px) {<br>  .column {<br>    float: none;<br>  }<br>}<br>
<br>John<br><br>