CMS - настройка и хаки

Плюшки и полезности для различных "движков" сайтов

Отключение модуля в Joomla на мобильных

Отключение модуля в Joomla на мобильных

Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 

Бывает, требуется скрыть модуль на мобильных устройствах в шаблоне Joomla - отключить слайдер, меню и тому подобное. Здесь вы найдёте простое и понятное решение этой задачи.

Чтобы модуль не отображался в мобильной версии сайта, допишем в файл стилей template.css своего шаблона такой код:

@media only screen and (max-width: 768px) {
.nomobile {
display: none;
}
}

После этого, в административной панели перейдём в нужном модуле на вкладку "Дополнительные параметры" и в поле "Суффикс CSS-класса модуля" вставляем суффикс nomobile. Сохраняем изменения и проверяем работу модуля - для этого достаточно изменить размер окна браузера, при уменьшении до заданного размера модуль должен отключаться.

Внимание! Возможно, что на некоторых шаблонах перед nomobile потребуется поставить пробел. 

Если помогло, сохраните эту заметку и поделитесь ей в соцсетях. Успехов в работе!