Нужно Убрать Поле Под Основным Меню
#1
Отправлено 11 Январь 2018 - 23:31
#2
Отправлено 12 Январь 2018 - 09:44
#custommenu ul.mainnav li.level0 > a {display: block;padding: 18px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}
замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}
далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}
замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}
далее найдите:
#menu {position: relative;margin: 0 0;max-height: 80px;}
замените на:
#menu {position: relative;margin: 0 0;max-height: 140px;}
#3
Отправлено 12 Январь 2018 - 11:25
metry (12 Январь 2018 - 09:44) писал:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 18px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}
замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}
далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}
замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}
далее найдите:
#menu {position: relative;margin: 0 0;max-height: 80px;}
замените на:
#menu {position: relative;margin: 0 0;max-height: 140px;}
Здравствуйте, сделал как указанно Вами. не получилось. меню стало шире.и в несколько строк но мне нужно чтобы оно было в одну строку. Которая должна быть не тоньше и не тоще иконок корзины и сравнения товаров. Посмотрите пожалуйста, буду очень признателен.
#4
Отправлено 12 Январь 2018 - 17:29
@media all and (min-width: 992px) { .container.head_menu{width:100%} .container.head_menu .col-md-10{width:85.3%} .container.head_menu .col-md-2{width:14.6%} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu{margin-left:1%;width:98%} }
#5
Отправлено 12 Январь 2018 - 23:19
metry (12 Январь 2018 - 17:29) писал:
@media all and (min-width: 992px) { .container.head_menu{width:100%} .container.head_menu .col-md-10{width:85.3%} .container.head_menu .col-md-2{width:14.6%} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu{margin-left:1%;width:98%} }
Здравствуйте, во вложении скрин того что получилось. Меню в две строки и растянулось на 100%. Это не совсем то что мне необходимо. Нужно в одну строку и не шире сайта) . Спасибо
#6
Отправлено 13 Январь 2018 - 13:36
Антон 5554 (12 Январь 2018 - 23:19) писал:
Разместить такое кол-во категорий в одну строку по ширине контента(1200px) не получиться.
#7
Отправлено 13 Январь 2018 - 15:20
Danil (13 Январь 2018 - 13:36) писал:
Разместить такое кол-во категорий в одну строку по ширине контента(1200px) не получиться.
здравствуйте, нет нет. изначально в вашем шаблоне, отображалось то , что влезало. т.е было также две строчки но вторая была вне поля видимости ниже. вот мне нужно также но что бы полоса была уже по высоте и не шире сайта, меню в одну строчку.
#8
Отправлено 13 Январь 2018 - 17:14
Антон 5554 (13 Январь 2018 - 15:20) писал:
в main.css найдите код
#menu #mainnav {position: static;float:left;}и замените на
#menu #mainnav {position: static;float:left;margin-top: 10px;}найдите код
#menu {position: relative;margin: 0 0;max-height: 140px;}и замените на
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}так же найдите и удалите код
.container.head_menu{width:100%;}
#9
Отправлено 13 Январь 2018 - 18:42
Danil (13 Январь 2018 - 17:14) писал:
в main.css найдите код
#menu #mainnav {position: static;float:left;}и замените на
#menu #mainnav {position: static;float:left;margin-top: 10px;}найдите код
#menu {position: relative;margin: 0 0;max-height: 140px;}и замените на
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}так же найдите и удалите код
.container.head_menu{width:100%;}
шикарно, но только на главной. в разделах категорий все сильно деформировалось. удалось выровнять. НО! перестало появляться выпадающее меню подкатегорий в веб версии сайта. и в мобильной версии не выпадает меню категорий. возможно починить? Спасибо
#10
Отправлено 18 Январь 2018 - 08:35
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}
замените на:
#menu {position: relative;margin: 0 0;max-height: 55px;}
далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}
замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;white-space: nowrap;}
далее найдите:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}
замените на:
#custommenu ul.mainnav li.level0 {display:inline-block;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}
#11
Отправлено 18 Январь 2018 - 14:27
Vaccina (18 Январь 2018 - 08:35) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}
замените на:
#menu {position: relative;margin: 0 0;max-height: 55px;}
далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}
замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;white-space: nowrap;}
далее найдите:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}
замените на:
#custommenu ul.mainnav li.level0 {display:inline-block;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}
благодарю Вас))
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных