Как скрыть позицию модуля при определенной ширине экрана? - Joomla 3.x: Разработка шаблонов

Добрый день!

Правлю Протостар под себя
Есть задача скрывать некоторые позиции модулей (например слайдер) при ширине экрана меньше определенного значения - то есть под планшеты или мобильники.

Как это сделать наиболее корректно?

Первое что пришло в голову - выставлять display:none через  @media - но чует мое сердце, что это не красиво - ведь все равно фактически загружается модуль

Или все так и делают?

Спасибо!

Первое что пришло в голову - выставлять display:none через  @media - но чует мое сердце, что это не красиво - ведь все равно фактически загружается модуль

Через @media, проверять на мобильное через JApplicationWebClient, или подключать к шаблону библиотеку(Mobile Detect Library) детектора устройства, и  выводить альтернативный мобильный макет.
Второе(JApplicationWebClient или Mobile Detect Library) по сути не нужное, для простых шаблонов, где для мобильных выводится всё или почти всё как есть, а вот если нужно что то сильно отличное от стандартной верстки, то лучше сделать свой макет для мобильных устройств. Но это моё мнение, мож кто с этим и не согласен....

Тоже вопрос интересует

Посмотрите офф.сайт бутстрапа 3, http://bootstrap-3.ru/css.php#responsive-utilities, что гадать-то на кофейной гуще, там есть табличка с классами, которые нужно прописывать, чтобы скрывать ненужные колонки при определенной ширине экрана. Протостар на бутстрапе сделан, правда на 2-м, но там тоже какие-то классы имеются. А вот мобильная версия сайта, это, конечно, уже вчерашний день.

Посмотрите офф.сайт бутстрапа 3, http://bootstrap-3.ru/css.php#responsive-utilities, что гадать-то на кофейной гуще, там есть табличка с классами, которые нужно прописывать, чтобы скрывать ненужные колонки при определенной ширине экрана. Протостар на бутстрапе сделан, правда на 2-м, но там тоже какие-то классы имеются. А вот мобильная версия сайта, это, конечно, уже вчерашний день.

В этом то никаких проблем. Благо доки для 2 бутстрапа все еще живы

Проблема в том, что бутстрап просто их скрывает свойством display none
А хочется чтобы они даже не загружались

Но похоже это не очень просто

"А вот мобильная версия сайта, это, конечно, уже вчерашний день."

Это как вас понимать? поисковики требуют в обязаловке, а у вас вчерашний день, объясните пожалуйста.

И может кто подскажет, сделал вывод мобильного меню на определенной узкой ширине экрана, но работает только если нажать один раз на кнопку, потом если еще нажимать то кнопка не работ ает и мобильное меню не открывается.

http://cubestroy.ru/

"А вот мобильная версия сайта, это, конечно, уже вчерашний день."

Просто вы путаете адаптивный сайт с версией сайта под мобильные устройства. Поиски требуют адаптивные сайты. А версия сайта под мобильные устройства, это именно версия по несколько другому адресу, которая работает именно для мобильных – самый минимальный контент. Адаптивный же сайт существует по своему основному адресу и адаптируется под любые устройства

а

Здравствуйте.
Самостоятельно не получается. Пожалуйста, подскажите как.
Joomla! 3.8.3 шаблон protostar сайт
скрин модуль HTML снять с показа на мобильных, но оставить на большом экране
Спасибо

модуль HTML снять с показа на мобильных, но оставить на большом экране

оберните содержимое модуля в <div class="hidden-phone">....</div>

Спасибо.
Получилось легко и правильно.