Если говорить предметно, то есть вот такой дизайн
http://yadi.sk/d/uf-nKDjTDCacA
1.2. экран делится на две части
3. шапка + 2 части
4. весь контент по ширине.
Что бы в CSS не использовать настройки типа display:none хотел пойти от обратного. Определять разрешение окна браузера --> Подключать шаблон Joomla с соответствующей версткой --> в каждом шаблоне будут свои модули со своими CSS настройками.
И проблема заключается в том, что первый файл загружаемый в Joomla - Это index.php
Именно в нём должно определяться (согласен, можно и через js) разрешение окна браузера и загружать соответствующий шаблон дальше, например layouts/tpl-mobile.php
В каком-,то шаблоне я встречал такое, но вот как работает не помню. Вроде что-то такое $this->template->load('template', 'about', $data);
http://jeromejaglale.com/doc/php/codeigniter_template
И ещё. В программирование я не силён! Я дизайнер + верстальщик