Здравствуйте, нужно сделать так , чтобы первые дочерние элементы верхнего меню каталога выводились не в линию, а в виде вертикального списка. Спасибо!
0
В теме одно сообщение
#1
Отправлено 07 Август 2015 - 12:54
#2
Отправлено 07 Август 2015 - 13:41
Jambul (07 Август 2015 - 12:54) писал:
Здравствуйте, нужно сделать так , чтобы первые дочерние элементы верхнего меню каталога выводились не в линию, а в виде вертикального списка. Спасибо!
catalog.png
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; */}
Темы с аналогичным тегами Верстка, Лазурь, Каталог, Шапка
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных