Как привязать меню к кнопке <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)
Новые темыОбъявленияСвободное общение
19:29 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
17:29 Как продвигать сайт с неуникальным контентом 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
17:01 Absence в Армении 
23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 
12:41 Affiliate Top - партнерская программа нового уровня 
11:38 Адалт сайты и сетки PBN на DLE 
04:09 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
00:25 Телеграмм продвижение 
23:49 Обменник криптовалюты OnlyCrypto 
22:50 Sphera | круглосуточный обмен, наличные 
19:22 AURAexchange.pro | Криптовалютный обменник USDT, RUB 
19:30 Добро пожаловать в цифровой мир... 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
12:23 150+ хакерских поисковых систем и инструментов