On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
Subscribe: RSS
  • Доброго времени суток!
    Уважаемые знатоки modx! Подскажите пожалуйста как сделать меню на pdotools. Уже больше 5ти часов нет результата. Экспериментировал с разными правилами сss не выходит. На форуме пытался найти ответ на свой вопрос но пока что ничего не нашел. teleapp.ru Так выглядит мой ксс
    /* TOP MENU */
    .menu-row{position:relative;}
    .menu-only{position:relative;}
    .mega-menu{position:relative;z-index:10;}
    .mega-menu ul.nav{padding:0;clear:both;float:none;position:static;display:block;font-size:13px;box-shadow:0 1px 1px 0 rgba(0,0,0,.3);}
    .mega-menu ul.nav li{padding:0;margin:0;clear:both;float:none;display:block;}
    .mega-menu ul.nav li, .mega-menu ul.nav .dropdown-menu{background-color:#eceff1;}
    .mega-menu ul.nav li > a{padding:9px 13px 9px 0px;text-shadow:none !important;border-top:1px solid #e1e4e6;border-bottom:1px solid transparent;margin:0 10px;line-height:24px;text-decoration:none;position:relative;border-radius:0;clear:both;float:none;display:block;background:none repeat scroll 0 0 rgba(0, 0, 0, 0);white-space:normal;color:#444444;}
    .mega-menu ul.nav li > a i.fa-angle-down{position:absolute;right:5px;top:14px;}
    .mega-menu ul.nav li:first-of-type > a{border-top:medium none !important;}
    .mega-menu ul.nav li.active > a, .mega-menu ul.nav li:hover > a{border-top:1px solid #e1e4e6;border-bottom:1px solid #e1e4e6;margin:0;padding:9px 23px 9px 10px;background:none;color:#ffffff;}
    .mega-menu ul.nav li.active > a i.fa-angle-down, .mega-menu ul.nav li:hover > a i.fa-angle-down{right:15px;}
    .mega-menu ul.nav li.active + li > a, .mega-menu ul.nav li:hover + li > a{border-top:1px solid transparent;}
    .mega-menu ul.nav li > a:focus{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);}
    .mega-menu ul.nav .dropdown-menu{font-size:13px;position:static;clear:both;float:none;display:none !important;box-shadow:none;border:none !important;border-radius:0;margin:0;padding:0 0 0 20px;}
    .mega-menu ul.nav .dropdown-menu li:first-of-type > a{border-top:1px solid transparent;}
    .mega-menu ul.nav .dropdown-menu li:last-of-type > a{border-bottom:1px solid transparent;}
    .mega-menu ul.nav li.resp-active > ul.dropdown-menu{display:block !important;}
    .mega-menu table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;}
    .bx-mac .mega-menu table, .bx-ios .mega-menu table{max-width:inherit;}
    .mega-menu table a{display:inline-block;width:100%;text-decoration:none;white-space:nowrap;}
    .mega-menu table td{padding:0;text-align:center;visibility:hidden;}
    .mega-menu table td.dropdown > .wrap{position:relative;}
    .mega-menu table td:hover > .wrap > .dropdown-menu{display:block;}
    .mega-menu table td > .wrap > a .fa{vertical-align:middle;}
    .mega-menu table td > .wrap > a .fa.fa-angle-down::before{font-size:10px;font-weight:900;vertical-align:top;}
    .mega-menu table .tail{display:none;}
    .mega-menu table .dropdown-menu{border-radius:0;border:none;margin:0;top:auto;padding:0;text-align:left;}
    .mega-menu table .dropdown-menu li > a{color:#444444;font-size:13px;padding:9px 25px 11px 13px !important;border-top:1px solid rgba(0,0,0,0.1);}
    .mega-menu table .wrap > .dropdown-menu li:first-of-type > a{border-top-color:transparent !important;}
    .mega-menu table .wrap > .dropdown-menu li:first-of-type > .dropdown-menu{top:0;}
    .mega-menu table .wrap > .dropdown-menu li:first-of-type > .dropdown-menu li:first-of-type > a{padding-top:10px !important;}
    .mega-menu table .dropdown-submenu{position:relative;}
    .mega-menu table .dropdown-submenu > a:after{display:block;font-family:FontAwesome;content:"\f105";right:10px;position:absolute;top:50%;margin:-9px 0 0;}
    .mega-menu table .dropdown-submenu:hover > .dropdown-menu{display:block;}
    .mega-menu table .dropdown-submenu .dropdown-menu{top:1px;left:100%;}
    .mega-menu table .dropdown-submenu .dropdown-menu > li:first-of-type > a{border-top:none;}
    .mega-menu table .dropdown.js-dropdown .fa{display:none;}
    .mega-menu table .more-items > span{display:inline-block;font-size:19px;height:12px;line-height:0;position:relative;vertical-align:top;}
    .mega-menu table td.search-item .wrap > a{padding-left:15px;padding-right:15px;padding-top:13px !important;padding-bottom:18px !important;}
    .mega-menu table td.search-item .wrap > a .fa{font-size:15px;}
    .mega-menu table td .wrap > a{border:none;font-size:13px;font-weight:bold;line-height:20px;padding:15px 20px 16px;position:relative;text-transform:uppercase;color:#ffffff;}
    .mega-menu table td:last-child .wrap > a:after{display:none;}
    .mega-menu table .dropdown-submenu > a:hover:after{color:white;}
    .mega-menu table .dropdown-submenu .dropdown-menu:after{display:none;}
    .mega-menu table .more-items{height:51px;}
    .mega-menu table .more-items > span{top:5px;}
    .bx-opera .mega-menu table .more-items > span{top:13px;}
    .topmenu-LIGHT .mega-menu table td:hover > .wrap > .tail{display:block;}
    .topmenu-LIGHT .mega-menu table .tail{content:'';z-index:100;position:absolute;bottom:0;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;}
    .topmenu-LIGHT .mega-menu table td .wrap > a{border-top:1px solid #efefef;padding-top:14px;color:#1d2029;}
    .topmenu-LIGHT .mega-menu table .dropdown-menu a{color:#ffffff;border-top:1px solid rgba(256,256,256,0.1);}
    .topmenu-LIGHT .mega-menu table td.search-item .wrap > a{padding-top:12px !important;}
    .topmenu-DARK .menu-row{background-color:#424f60;}
    .topmenu-DARK .mega-menu table td:hover .wrap > a{background-color:#556170;}
    .topmenu-DARK .mega-menu table .dropdown-menu{background-color:#eceff1;}
    .topmenu-DARK .mega-menu table .dropdown-menu > li > a{border-top:1px solid #e1e4e6;}
    .topmenu-COLOR .mega-menu table .dropdown-menu{background-color:#ffffff;}
    .topmenu-COLOR .mega-menu table .dropdown-menu > li > a{border-top:1px solid #f3f3f3;color:#324860;}