Форум русской поддержки Joomla!® CMS
11.12.2016, 15:59:30 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 105 раз)
0 Пользователей и 1 Гость смотрят эту тему.
deiymon
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« : 21.09.2016, 20:55:50 »

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

Репутация: +734/-7
Online Online

Пол: Мужской
Сообщений: 6829


effrit.com


« Ответ #1 : 21.09.2016, 21:17:04 »

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

если привязка к ширине экрана, то:
а) php - проверили на главную страницу и дописали класс нашему меню "not_hide"
б) в CSS добавили media-условие на сокрытие меню при ширине менее Xpx, после которого прописываем классу .not_hide {display: block !important}
« Последнее редактирование: 21.09.2016, 21:23:55 от effrit » Записан
deiymon
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #2 : 21.09.2016, 21:30:37 »

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

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

Репутация: +734/-7
Online Online

Пол: Мужской
Сообщений: 6829


effrit.com


« Ответ #3 : 21.09.2016, 21:35:40 »

ну так вникайте в логику.

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

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #4 : 21.09.2016, 22:11:47 »

суть понял и логику тоже, спасибо большое, но в 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
Группа развития
*****

Репутация: +734/-7
Online Online

Пол: Мужской
Сообщений: 6829


effrit.com


« Ответ #5 : 21.09.2016, 22:25:28 »

ну принцип такой

Код:
$myClass="";

проверка на главную{
$myClass="not_hide";
}
...
<nav class="navbar <?php echo($myClass); ?>gk-main-menu">

Записан
effrit
Группа развития
*****

Репутация: +734/-7
Online Online

Пол: Мужской
Сообщений: 6829


effrit.com


« Ответ #6 : 21.09.2016, 22:27:00 »

проверку на главную сами гуглите, я её тоже не помню, но на форуме есть несколько вариантов
Записан
deiymon
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #7 : 21.09.2016, 22:31:19 »

Спасибо, буду разбираться все исходные данные есть)))
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet