Intereting Posts
Проблема с foreach по дублированию meta_key's Ошибка phpMyAdmin # 1062 – Дублирующая запись '1' для ключа 'PRIMARY' Трейлинг слэш в конце permalink загружается быстрее / лучше SEO? Самый быстрый способ помимо FTP для загрузки файлов WordPress на веб-сервер? Цикл WordPress, основанный на url sting Как создать структуру permalink с пользовательскими таксономиями и настраиваемыми типами сообщений, такими как base-name / parent-tax / child-tax / custom-post-type-name Как установить, чтобы страница была «частной», если ребенок или потомок определенного родителя? Классификация тем по папкам в бэкэнд Reblog wordpress.com сообщения на самообслуживании прекратить красивую разбивку по страницам сайта site.com/cat/2 => site.com/cat?page=2 Как добавить настраиваемые поля в ответ администратора API и REST API? Отображение пользовательского типа сообщения в алфавитном порядке Вставка данных в базу данных с использованием формы Отображение страницы в шаблоне страницы пользовательского типа Показывать сообщения, найденные в нескольких категориях через category_name строку запроса?

WordPress – отзывчивый navbar не работает

У меня есть сайт, который использует wordpress. Я создал навигационную панель, но она работает неправильно. На маленьких экранах. После нажатия «открыть меню» Меню не отображается. введите описание изображения здесь

Мои коды:

PHP:

<div class="menu-bar"><div class="container margin-top-0 padding-0"><div class="menuAc">MENÜYÜ AÇ </div> <ul> <li> <?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?></li> </ul> </div></div> 

CSS:

 .menu-bar{ background-color: #1a2a3c; border-top: 5px solid #9e1e1e; border-bottom: 5px solid #9e1e1e; color:#fff; overflow: hidden;} .menu-bar a{ padding: 0; margin: 0; list-style-type: none; text-decoration: none;} .menu-bar ul li {float: left; margin-right: 40px; list-style-type: none; } .menu-bar ul li a{ z-index:9999; position: relative; display:block; color:#ffffff; font-size:18px; letter-spacing:.7px; padding:15px 12px; font-family: 'Bree Serif', serif !important;} .menu-bar ul li a:after{ z-index:-1; content:""; position:absolute; width:100%; height:0%; bottom:0; left:0; background-color: #9e1e1e; transition:height 150ms;} .menu-bar ul li a:hover{ color: #fff; text-decoration: none;} .menu-bar ul li a:hover:after{height: 100%;} .menuAc { background-color: #2e3b4c; padding: 10px; color: #fff; font-weight: bold; cursor: pointer; display: none } @media (max-width:768px) { .menu-bar .menuAc{display:block;} .menu-bar ul {display:none;} .menu-bar ul li{float:none; margin-right:0; border-bottom:1px solid #333} .menu-bar ul li:last-child{border-bottom:none} } @media (min-width:768px) { .menu-bar ul {display:block!important;} } направо .menu-bar{ background-color: #1a2a3c; border-top: 5px solid #9e1e1e; border-bottom: 5px solid #9e1e1e; color:#fff; overflow: hidden;} .menu-bar a{ padding: 0; margin: 0; list-style-type: none; text-decoration: none;} .menu-bar ul li {float: left; margin-right: 40px; list-style-type: none; } .menu-bar ul li a{ z-index:9999; position: relative; display:block; color:#ffffff; font-size:18px; letter-spacing:.7px; padding:15px 12px; font-family: 'Bree Serif', serif !important;} .menu-bar ul li a:after{ z-index:-1; content:""; position:absolute; width:100%; height:0%; bottom:0; left:0; background-color: #9e1e1e; transition:height 150ms;} .menu-bar ul li a:hover{ color: #fff; text-decoration: none;} .menu-bar ul li a:hover:after{height: 100%;} .menuAc { background-color: #2e3b4c; padding: 10px; color: #fff; font-weight: bold; cursor: pointer; display: none } @media (max-width:768px) { .menu-bar .menuAc{display:block;} .menu-bar ul {display:none;} .menu-bar ul li{float:none; margin-right:0; border-bottom:1px solid #333} .menu-bar ul li:last-child{border-bottom:none} } @media (min-width:768px) { .menu-bar ul {display:block!important;} } 

JS:

 $(function(){ var a = 0; $('.menuAc').click(function(){ if ( a == 0 ){ $(this).text('MENÜYÜ GİZLE'); a++; } else { $(this).text('MENÜYÜ AÇ'); a = 0; } $(this).next('ul').slideToggle(500); }); }); 

Solutions Collecting From Web of "WordPress – отзывчивый navbar не работает"