В теме одно сообщение

[Jambul]

Здравствуйте, нужно сделать так , чтобы первые дочерние элементы верхнего меню каталога выводились не в линию, а в виде вертикального списка. Спасибо!

[Firefly]

Jambul (07 Август 2015 - 12:54) писал:

Здравствуйте, нужно сделать так , чтобы первые дочерние элементы верхнего меню каталога выводились не в линию, а в виде вертикального списка. Спасибо!

catalog.png

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #83602C;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

Замените на:

#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width: 70%;/* left: 0; */background: #ffffff;border-bottom: 3px solid #83602C;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

Найдите код:

#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;}

Замените на:

#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;/* float: left; */}