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

deiymon

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

effrit

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

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

deiymon

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

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

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
ну так вникайте в логику.

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

deiymon

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
суть понял и логику тоже, спасибо большое, но в 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
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
*

deiymon

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Спасибо, буду разбираться все исходные данные есть)))
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2384
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4595
Последний ответ 23.05.2023, 07:22:49
от geral
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1059
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2080
Последний ответ 20.03.2023, 12:42:49
от Andre100
OffCanvas меню

Автор Алексей Лоскутов

Ответов: 5
Просмотров: 2120
Последний ответ 13.02.2023, 20:20:37
от dashkov