Стандартный для Joomla версии 2.5 и 3 шаблон Protostar очень популярен у вебмастеров. Шаблон сочетает в себе простоту, скорость загрузки, является чистым хорошим основанием для создания своего уникального шаблона. К плюсам относится и то, что отображение шаблона по выбору может быть фиксированным или резиновым. С фиксированным все понятно: укажите нужную ширину и все!.
С резиновым шаблоном все немного сложней. Хотя шаблон поддерживает разное разрешение экрана есть некоторая особенность не позволяющая сказать что все хорошо с просмотром и навигацией на планшетах и мобильный устройствах.
Речь идет об отображении правой и левой колонки, подвальной части, хлебных крошек, полей поиска и входа на сайт. Все эти поля на стандартном шаблоне Protostar на самом деле мешают. Так как не будет посетитель сайта листать вниз эти блоки до основного контента. Чаше всего в них содержатся какие-либо навигационные элементы: меню, банеры, реклама и т.д.
В файле template.css в папке CSS шаблона я добавил следующее.
@media (max-width: 766px) {
.navbar-fixed-top {margin-bottom: 0 !important;}
.item-comment .item-image {display: none;}
.well {padding: 10px;}
.footer {display: none !important;}
.breadcrumb {display: none !important;}
.span3 {display: none !important;}
}
Мой пример не универсален. Особенно не обращайте внимание на цифры, шаблон уже существенно переработан.
Скриншот вам в помощь.
Возможно есть и другие варианты.