Поддержка Плагины Max Mega Menu (вертикальное меню)

  • Здравствуйте, люди добрые поделитесь опытом, может кто сталкивался…
    http://вело74.рф в левом сайдбаре вертикальное меню на плагине Max Mega Menu, естественно выпадающее меню отображается под пунктом, а мне надо справа. Делаю я это следующим образом, position: absolute; left: 200px; и пункты в выпадающем меню отображаются справа, НО фон остается на прежнем месте и перекрывает меню верхнего уровня которые по списку ниже. Может я вообще в неправильном направлении копаюсь, опыта нет в написании кода(
    Пытался прибегнуть к «jquery vertical menu widget», но у меня верхнее меню уже на MaxMEgaMenu и там идут проблемы со стилями
    В общем-то суть вопроса: нужна помощь в настройке стилей для вертикального меню, для корректного отображения.

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Модератор Юрий

    (@yube)

    Делаю я это следующим образом, position: absolute; left: 200px;

    Для какого элемента?
    Надо для ul подменю
    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu

    Имейте в виду, что при таком «выдвижении» есть риск, что мышь будет «проваливаться» при попытке попасть из пункта меню в подменю.

    Все верно! а я для li делал, всю голову сломал, спасибо огромное)
    Но есть 1а проблемка) если в теме меню, что то поменять или добавить, то Style.css перезаписывается ведь и обратно все меняется, как такого рода проблемы решают ?

    Модератор Юрий

    (@yube)

    если в теме меню, что то поменять или добавить, то Style.css перезаписывается ведь

    Да? Это странно. Впрочем, я с Max Mega Menu не знаком. Может, он и перезаписывает.

    как такого рода проблемы решают ?

    Созданием собственного css, который дополняет и переопределяет правила из css плагинов и темы. Раньше использовали отдельные плагины, а начиная с WP4.7 поддержка кастомных стилей включена в движок (фронт-энд → админ-бар → настроить → дополнительные стили).

    В Вашем случае по идее должно быть достаточно

    ul.mega-sub-menu { left: 200px; }
    

    В крайнем случае можно добавить !important.

    Ну туда не помогло, потому что я же пишу в style.css самого плагина, а у него есть то же такая вкладка куда можно записывать кастомные стили, так что все заработало! спасибо большое за помощь!

    Имейте в виду, что при таком «выдвижении» есть риск, что мышь будет «проваливаться» при попытке попасть из пункта меню в подменю.

    Действительно ведь проваливается, а как эту проблему решить ? подскажите пожалуйста)

    Я так понимаю надо, что бы при наведении на пункт меню верхнего уровня, выделялся не просто текст а вся строка, т.е. кнопка должны быть не размером с «название пункта», а во всю строку

    Модератор Юрий

    (@yube)

    кнопка должны быть не размером с «название пункта», а во всю строку

    Именно. Там у li стоит width:auto, а нужно width:100%

Просмотр 7 ответов — с 1 по 7 (всего 7)