Выпадающее CSS меню

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Сейчас в интернете много тем насчет меню например http://ruseller.com/lessons.php?rub=2&id=1088
Расскажите как сделать выпадающее меню для wordpress сейчас у меня меню имеет такой вид:
home.php

 'nav', 'theme_location' => 'primary','fallback_cb'=>  '' ) ); ?>

CSS файл
использование #menu a, и :hover

Создай свой первый сайт на WordPress

akentievs
Оцените автора
Добавить комментарий

  1. akentievs автор

    Наверное стоит ксс код выложить вот
    #menu{font:normal 11px arial; height:23px; background-color:#666; line-height:23px; list-style:none}

    #menu a{padding:0px 6px; display:block; float:left; background-color:#666; border-right:1px solid #7c7c7c}

    *:first-child+html #menu li, *:first-child+html #nav li{display:inline}

    #menu a:hover{padding:0px 6px; display:block; float:left; background-color:#5b7b9f}

    Ответить
  2. KARTOH

    я для своего сделал примерно так:
    http://cssmenumaker.com/builder/menu_info.php?menu=057 — основу зял
    и с помощью https://n-wp.ru/kak-dobavit-novoe-navigatsionnoe-menyu-v-staruyu-temu/
    чюднинько все организовал)

    Ответить
  3. akentievs автор

    https://n-wp.ru/kak-dobavit-novoe-navigatsionnoe-menyu-v-staruyu-temu/ в комментариях даже пишут что теперь меню не раскрывается… а какой вы тип меню используете через nav или ul?

    Ответить
  4. akentievs автор

    точнее nav и list

    Ответить
  5. KARTOH

    nav
    у мя была трабла.. там когда создаешь меню надо выпадающие элементы отодвигать в право))) а так все оч просто и удобно)))
    и еще все правельно опиши в цсс и вообще никаких проблем)

    Ответить
  6. Используйте, пожалуйста, для вставки кода соответствующую кнопку. Иначе получается разговор глухого с немым.

    Ответить
  7. akentievs автор

    расскажу еще раз. Итак писал шаблон вроде все работает но заметил что меню не работает как выподающий список Вордпресс чистая накасячить не мог. Делаю подменю в АЦ, а на сайте отображается просто как список, подскажите что я не так делаю? Тов. Картон скинул ссылку на соседнею тему в ней пользователь пишет тоже не получается

    отображаеться только теперь в строчку а не как меню! что делать:?

    вот мой код:

    <?php wp_nav_menu(array( 'menu_id' => 'nav', 'theme_location' => 'primary','fallback_cb'=>  '' ) ); ?>
    

    И css

    #menu{font:normal 11px arial; height:23px;  background-color:#666; line-height:23px; list-style:none}
    
    #menu a{padding:0px 6px; display:block; float:left; background-color:#666; border-right:1px solid #7c7c7c}
    
    *:first-child+html #menu li, *:first-child+html #nav li{display:inline}
    
    #menu a:hover{padding:0px 6px; display:block; float:left; background-color:#5b7b9f}

    Что не так? хотелось бы выпадающий список…

    Ответить
    1. nail

      Попробуй так.

      <?php wp_nav_menu(array( 'menu_id' => 'nav', 'theme_location' => 'primary') ); ?>

      Хотя у меня вот так

      <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) );  ?>
      Ответить
  8. Попробуйте Dropdown Menu Widget.

    Ответить