Поддержка Проблемы и решения Проблемы с выпадающем меню в своей теме

  • Решено Anonymous User 15766556

    (@anonymized-15766556)


    В админке: внешний вид -> меню, делаю определенные рубрики дочерними.
    В теме Twenty Sixteen все работает, т.е. наводишь на рубрику ‘Главная’, например и выскакивает подменю. (1-ая картинка)
    В своей теме такое не работает. Сразу второй строчкой выводит дочерние рубрики. (2-ая картинка)
    Как сделать, чтобы в моей теме по наведению на рубрику в меню, открывалось подменю? (3-ая картинка)
    http://rgho.st/6Z6hH7NH5

    • Тема изменена 6 лет, 5 месяцев назад пользователем Anonymous User 15766556.
    • Тема изменена 6 лет, 5 месяцев назад пользователем Anonymous User 15766556.
Просмотр 1 ответа (всего 1)
  • Автор Anonymous User 15766556

    (@anonymized-15766556)

    Сейчас меню выглядит так: http://rgho.st/82vZBxlzd
    Может кто пожалуйста помочь подправить?

    <nav class="nav">
     
     <div class="menu-primary-menu-links-container">
     
      <ul id="menu-primary-menu-links" class="menu">
     
       <li id="menu-item-10" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10">
        <a href="#"></a>
     
       <ul class="sub-menu">
        <li id="menu-item-109" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-109">
         <a href="#"></a>
     
        </li>
        <li id="menu-item-109" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-109">
         <a href="#"></a>
        </li>
       </ul>
       </li>
      </ul>
     </div>
    </nav>
    nav, .news {box-shadow:1px 1px 0 #cdcdcd;}
    nav {font-size:19px;background:#fff;margin-bottom:15px;}
    nav ul {margin:35px;padding:0;overflow:hidden;margin-left:20px;} /*margin:35px; отступ между лого и меню*/
    nav ul li {list-style:none;float:left;margin-left:20px;}
    nav ul li:first-child {margin-left:0;}
    nav ul li a {color:#5c5c5c;text-decoration:none;display:block;padding:10px 5px;transition:all 0.5s ease;position:relative;} 
    nav ul li a:hover {text-decoration:none;background:#e8e8e8;text-shadow:1px 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
    nav ul li.current-menu-item a:link,
    nav ul li.current-menu-item a:visited{color:#7da1bc;}
    .sub-menu{margin:0;background:#fff}
    /*.sub-menu li:hover ul{display:block;}*/
    .sub-menu li a {padding:10px 5px;position:absolute;}
    • Ответ изменён 6 лет, 5 месяцев назад пользователем Anonymous User 15766556.
Просмотр 1 ответа (всего 1)
  • Тема «Проблемы с выпадающем меню в своей теме» закрыта для новых ответов.