НЕ специалист, но попробовал, естественно не замутилось.
Применительно к каталогу сайта надо замутить адаптивное меню 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%;
;
}
}
Проблема еще в том что одна ветка подержит подменю, подскажите решение плиз или как лучше сделать?!
