Max Mega Menu (вертикальное меню)
-
Здравствуйте, люди добрые поделитесь опытом, может кто сталкивался…
http://вело74.рф в левом сайдбаре вертикальное меню на плагине Max Mega Menu, естественно выпадающее меню отображается под пунктом, а мне надо справа. Делаю я это следующим образом, position: absolute; left: 200px; и пункты в выпадающем меню отображаются справа, НО фон остается на прежнем месте и перекрывает меню верхнего уровня которые по списку ниже. Может я вообще в неправильном направлении копаюсь, опыта нет в написании кода(
Пытался прибегнуть к «jquery vertical menu widget», но у меня верхнее меню уже на MaxMEgaMenu и там идут проблемы со стилями
В общем-то суть вопроса: нужна помощь в настройке стилей для вертикального меню, для корректного отображения.
-
Делаю я это следующим образом, 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 перезаписывается ведь и обратно все меняется, как такого рода проблемы решают ?если в теме меню, что то поменять или добавить, то Style.css перезаписывается ведь
Да? Это странно. Впрочем, я с Max Mega Menu не знаком. Может, он и перезаписывает.
как такого рода проблемы решают ?
Созданием собственного css, который дополняет и переопределяет правила из css плагинов и темы. Раньше использовали отдельные плагины, а начиная с WP4.7 поддержка кастомных стилей включена в движок (фронт-энд → админ-бар → настроить → дополнительные стили).
В Вашем случае по идее должно быть достаточно
ul.mega-sub-menu { left: 200px; }
В крайнем случае можно добавить !important.
Ну туда не помогло, потому что я же пишу в style.css самого плагина, а у него есть то же такая вкладка куда можно записывать кастомные стили, так что все заработало! спасибо большое за помощь!
Имейте в виду, что при таком «выдвижении» есть риск, что мышь будет «проваливаться» при попытке попасть из пункта меню в подменю.
Действительно ведь проваливается, а как эту проблему решить ? подскажите пожалуйста)
Я так понимаю надо, что бы при наведении на пункт меню верхнего уровня, выделялся не просто текст а вся строка, т.е. кнопка должны быть не размером с «название пункта», а во всю строку
кнопка должны быть не размером с «название пункта», а во всю строку
Именно. Там у li стоит width:auto, а нужно width:100%
- Тема «Max Mega Menu (вертикальное меню)» закрыта для новых ответов.