Как привязать меню к кнопке <nav> ?
Страницы: 1
Как привязать меню к кнопке <nav> ?
Всех приветствую. Подскажите пожалуйста. Есть шаблон на на DLE адаптивный. Хочу прикрепить меню сайта к кнопке <nav>, та что появляется только на минимальных разрешениях. На мобильниках все нормально и правильно отображается, а как сделать, чтобы на десктопах не показывалось это меню? Категорий много и если оставить их, то на ПК меню портит всю сетку. Как сделать, чтобы меню активировалось только когда появляется кнопка <nav> которая с тремя черточками?

Код
 <nav>
                  <ul class="top-nav clearfix">
                      <li><a href="#">Премиум</a></li>
                     <li><a href="#">Видео</a></li>
                     <li><a href="#">Фото</a></li>
                     <li><a href="#">Рассказы</a></li>
                  </ul>
               </nav>
Цитата
Алекс Смирнов пишет:
<nav>

<nav> не кнопка smile:)
Можете обернуть навигацию в блок (если вдруг не обернуто smile:)) например в блок .raz и скрыть скрыть этот блок если разрешение экрана к примеру больше 720 px с помощью медиа-запроса
как пример

@media screen and (min-width: 720px) {.raz {display: none;}}

А лучше конечно не скрывать, а подстраивать стили под все разрешения. Чтобы и на мобильных и на большом экране все выглядело-бы достойно
Изменено: nic bul - 14 Октября 2017 12:40
nic bul, Спасибо. В принципе сделал как ты подсказал [FONT=Tahoma, Arial, Helvetica, sans-serif]использовал [/FONT].raz {display: none;} .
Изменено: Алекс Смирнов - 15 Октября 2017 21:56
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
23:31 «Тавро» - «российский Telegram» — клиент популярного мессенджера для ОС «Аврора» 
22:19 Апдейт Яндекс выдача 5 июня 2023 
21:27 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
22:43 Опробуй бесплатно биржу ссылок 
01:32 АП Яндекс ИКС 06.03.2023 
15:00 03.06.23 Апдейт Яндекс выдача 
19:22 Adfinity - Ваш надежный партнер в монетизации трафика 
04:44 Маркетинговые услуги в телеграм 
20:36 BRO.GURU - Быстрый, выгодный, круглосуточный обмен криптовалют 
20:33 Более 5 000 сайтов под вашу ссылку 
20:17 MobileProxy Приват Без лимит Бесплатный тест Скидки внутри 
17:06 Маркетинговые услуги в телеграм 
13:27 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
13:08 Ural-obmen.ru — выгодный сервис обмена 
23:50 В России начали блокировать VPN-подключения 
23:35 В России и Европе одновременно озаботились маркировкой контента, созданного нейросетями 
21:35 Я придумал новую игру 
21:32 С юмором по жизни! 
15:51 Партнерка Cpa.House 
19:14 Как получить рефералов и посетителей на сайт бесплатно. 
08:22 Российский «китайский файрвол», который сделает бессмысленными VPN-сервисы