Как скрыть меню на некоторых мобильных страницах?

  • 7 Ответов
  • 309 Просмотров

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

*

Оффлайн deiymon

Друзья, помогите пожалуйста:
Есть сайт с главным меню - оно отображается на всех страницах сайта в полной версии.
Задача: в мобильной версии скрыть это главное меню на всех страницах кроме главной... при этом в полной версии оно должно остаться на всех страницах.
Возможно ли такое, чувствую что возможно, а как сообразить не могу, помогите пожалуйста.

*

Оффлайн effrit

  • *****
  • 7438
  • [+]822 / [-]7
  • effrit.com
    • Просмотр профиля
    • effrit.com
да несложно сделать, но решение зависит от конкретной задачи.
если просто определяется, что мобильное устройство - то на php совмещаем условия (не_мобильная версия || главная_страница)  и исходя из результата публикуем / скрываем позицию

если привязка к ширине экрана, то:
а) php - проверили на главную страницу и дописали класс нашему меню "not_hide"
б) в CSS добавили media-условие на сокрытие меню при ширине менее Xpx, после которого прописываем классу .not_hide {display: block !important}

*

Оффлайн deiymon

да несложно сделать, но решение зависит от конкретной задачи.
если просто определяется, что мобильное устройство - то на php совмещаем условия (не_мобильная версия || главная_страница)  и исходя из результата публикуем / скрываем позицию

если привязка к ширине экрана, то:
а) php - проверили на главную страницу и дописали класс нашему меню "not_hide"
б) в CSS добавили media-условие на сокрытие меню при ширине менее Xpx, после которого прописываем классу .not_hide {display: block !important}
А разве по второму варианту меню при ширине менее Хpx не пропадет на всех страницах? Мне надо чтобы оно на главной (мобильной) осталось, а на остальных скрылось...

*

Оффлайн effrit

  • *****
  • 7438
  • [+]822 / [-]7
  • effrit.com
    • Просмотр профиля
    • effrit.com
ну так вникайте в логику.

у меню появляется уникальный (not_hide) класс, если это ГЛАВНАЯ страница.
при сужении экрана срабатывает скрытие по media-запросу, но уникальный класс для главной страницы отменяет это скрытие

*

Оффлайн deiymon

суть понял и логику тоже, спасибо большое, но в php не очень "шарю", подскажите как добавить класс not_hide моему меню?
Вот кусок кода:
Код
<nav class="navbar gk-main-menu">
<div class="navbar-inner">
<div class="container">
<jdoc:include type="modules" name="ks-menu" style="none" />
</div>
</div>
</nav>

В CSS скрыл меню по media запросу к классу .navbar



*

Оффлайн deiymon

Спасибо, буду разбираться все исходные данные есть)))