1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Раскрывающееся меню (WP Mega Menu)

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Goosta73, 13 авг 2018.

  1. Goosta73

    Goosta73

    Регистрация:
    13 авг 2018
    Сообщения:
    2
    Симпатии:
    0
    Здравствуйте, у нас такая проблема, поставили в блок header.php виджет меню, которое должно раскрываться при наведении, проблема в том, что меню раскрывается даже когда курсор наводится на область (стрелка справа) без наведения на кнопку. Ставим кнопку просто на странице, все нормально работает, именно в блоке header.php так, мы немного стилизовали кнопку, отступы и т.п, но проблемы не в этом, потому что снимаем все свои стили и все-равно так. В чем проблема, подскажите не опытным пожалуйста!
    [​IMG]
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
  3. Goosta73

    Goosta73

    Регистрация:
    13 авг 2018
    Сообщения:
    2
    Симпатии:
    0
    Простите уважаемые, мы нубы:Smile: https://meshar.ru вот сайт
    --- Добавлено, 13 авг 2018 ---
    Для примера, просто на странице ставим : https://meshar.ru/14-fevralja/ и здесь нормально все, единственное широкая кнопка
    --- Добавлено, 13 авг 2018 ---
    Поможете?
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Проблема здесь (строка 2631 в /wp-content/plugins/ap-mega-menu/css/style.css):
    Код:
    .wpmm-orientation-vertical ul.wpmm-mega-wrapper li > a.wp-mega-menu-link {
        display: block;
        width: 100%;
        padding: 10px 15px;
        position: relative;
    }
    display: block и ширина 100% - конечно оно будет растягиваться насколько сможет.

    Поскольку эти стили затрагивают и кнопку вызова меню, для исправления проблемы нужно добавить отдельный блок, который только ссылки меню будет стилизовать:
    Код:
    .wpmm-orientation-vertical ul.wpmm-mega-wrapper .wp-mega-sub-menu li > a.wp-mega-menu-link {
        display: inline-block;
        width: auto;
    }
    Добавлять ниже первого.