Адаптировать текст для разных разрешений - Joomla 3.x: Шаблоны, разметка и макеты вывода

Подскажите как адаптировать текст под разные мониторы? Это нужно где то ручками прописывать или же можно настроить в Warp framework? Шаблон yootheme helios.
http://quattro-garage.ru/
Еще хотелось бы выслушать ваши мнения по поводу недостатков сайта.
Заранее благодарю!

У вас он и так адаптируется под разрешение монитора, это настройка Wrap. Или поясните, что вы имели ввиду. Катательно самого сайта - в IE он развалился, а в Мозилле... Все свалено в одну кучу, а экран на четверть закрыт шапкой - вот общее впечатление. Что за меню в шапке? Это так задумано?

Да меню так и задумано. Сайт делали на мониторе 1920х1080. На нем все смотрится отлично.
Ну то есть текст размером 20px на разрешении 1920х1080 занимает не так много пространства монитора как на разрешении 1600х900. Из-за этого меню например переносится на вторую строчку, тогда как на 1920х1080 меню в одну строчку.
Нужно как то сделать текст пропорциональным разрешению.

Вообщем можно ли где то прописать масштаб сайта для разных разрешений?

UP

В WARP используется UIkit. Вся адаптивность задаётся прям в разметке. Подробнее здесь и здесь
Например, такая конструкция…


Будет работать так: на больших разрешениях 4 колонки, на стредних три, на малых — одна.

Или можно добавить класс uk-visible-small для скрытия элемента на малых экранах.

В WARP используется UIkit. Вся адаптивность задаётся прям в разметке. Подробнее здесь и здесь
Например, такая конструкция…

Код: html4strict

<div class="uk-grid">
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
	<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
</div>

Будет работать так: на больших разрешениях 4 колонки, на стредних три, на малых — одна.

Или можно добавить класс uk-visible-small для скрытия элемента на малых экранах.

А можно ли как то, для каждого разрешения масштаб прописать? Просто, когда например заходишь с монитора 1600х900 все слишком крупно, но стоит в браузере уменьшить масштаб до 100% и все становится хорошо. А по умолчанию 125% стоит....

Up

А можно ли как то, для каждого разрешения масштаб прописать? Просто, когда например заходишь с монитора 1600х900 все слишком крупно, но стоит в браузере уменьшить масштаб до 100% и все становится хорошо. А по умолчанию 125% стоит....

нет