Стандартный для 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;}
}

Мой пример не универсален. Особенно не обращайте внимание на цифры, шаблон уже существенно переработан.

Скриншот вам в помощь.

Возможно есть и другие варианты.