НЕ специалист, но попробовал, естественно не замутилось.
Применительно к каталогу сайта надо замутить адаптивное меню ZOO Category в левом столбике http://u67814.netangels.ru/
Стырил код, адаптировал под себя, удалось лишь получить некое подобие, вот код
@media screen and (max-width: 800px) { .zoo-category-warp6 { position: relative; min-height: 40px; } .zoo-category-warp6 ul { width: 180px; padding: 5px 0; position: absolute; top: 0; left: 0; border: solid 1px #aaa; background: #FAFAFA; border-radius: 0px; box-shadow: 0 1px 2px rgba(0,0,0,.3); } .zoo-category-warp6 li { display: none; /* скрыть все <li> пункты */ margin: 0; } .zoo-category-warp6 .level1 { display: block; /* показывать только текущие активные <li> пункты */ } ul.zoo-category-warp6.menu.menu-sidebar li.level1 { display: block; /* показывать только текущие активные <li> пункты */ } .zoo-category-warp6 a { display: block; padding: 5px 5px 5px 32px; text-align: left; } .zoo-category-warp6 .level1 a { background: none; color: #666; } /* при наведении на пункты меню */ .zoo-category-warp6 ul:hover { background-image: none; } .zoo-category-warp6 ul:hover li { display: block; margin: 0 0 5px; } .zoo-category-warp6 ul:hover .current { background: url(images/icon-check.png) no-repeat 10px 7px; } /* адаптивное меню справа */ .zoo-category-warp6.right ul { left: auto; right: 0; } /* адаптивное меню по центру */ .zoo-category-warp6.center ul { left: 50%; ; } }
Проблема еще в том что одна ветка подержит подменю, подскажите решение плиз или как лучше сделать?!