Как скрыть позицию модуля при определенной ширине экрана?

  • 8 Ответов
  • 1826 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Yastroitel

  • ***
  • 111
  • + 1 -
Добрый день!

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

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

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

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

Спасибо!



*

Сержo

  • ***
  • 114
  • + 3 -
Цитировать
Первое что пришло в голову - выставлять display:none через  @media - но чует мое сердце, что это не красиво - ведь все равно фактически загружается модуль
Через @media, проверять на мобильное через JApplicationWebClient, или подключать к шаблону библиотеку(Mobile Detect Library) детектора устройства, и  выводить альтернативный мобильный макет.
Второе(JApplicationWebClient или Mobile Detect Library) по сути не нужное, для простых шаблонов, где для мобильных выводится всё или почти всё как есть, а вот если нужно что то сильно отличное от стандартной верстки, то лучше сделать свой макет для мобильных устройств. Но это моё мнение, мож кто с этим и не согласен....
« Последнее редактирование: 11.09.2014, 12:04:58 от Сержo »

*

Mehanick

  • *****
  • 600
  • + 1 -
Тоже вопрос интересует

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

*

Yastroitel

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

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

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

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

*

Mehanick

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

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


*

Mehanick

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

http://cubestroy.ru/

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