Изменение Размеров Верхнего Меню

Добрый день!
Сайт SL-447401
Подскажите как расположить эти пункты меню горизонтально и задать им размеры?
Спасибо!

Dasik851 (27 Март 2018 - 22:07) писал:

Здравствуйте.
В шаблоне HTML найдите код:

			  <!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-md-10">

Замените на:

			  <!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-md-12">

В шаблоне main.css найдите код:

#custommenu {z-index:1;width: 280px;display:inline-block;}
/* Меняем высоту меню ------------------------------------------------------   */

Замените на:

#custommenu {z-index:1;display:inline-block;}
/* Меняем высоту меню ------------------------------------------------------   */

Так было. Дело в том, что тогда пункты вытягиваются в длину и располагаются в несколько строк, потому что не влезают в ширину монитора (из-за длинных названий).
Поэтому я пытаюсь их сделать прямоугольными блоками, чтобы слова переносились, и сами блоки были ограничены по ширине.
Но они (эти блоки) почему-то никак не хотят у меня располагаться на одном уровне.

Чё, не поможет никто?

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#custommenu ul.mainnav li.level0 > a {display: inline-block;padding: 10px 30px; font-size: 120%;font-weight: 700;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;color: #FFF;border: 1px solid transparent;}

замените на:

#custommenu ul.mainnav li.level0 > a {display: inline-block;padding: 10px 30px; font-size: 120%;font-weight: 700;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;color: #FFF;border: 1px solid transparent;height:150px;vertical-align:middle;}

далее найдите:

#custommenu ul.mainnav li.level0 {width: 200px;height: 165px;display:inline-block;border: none;position: static;text-align: left;padding: 5px 12px 0 12px;}

замените на:

#custommenu ul.mainnav li.level0 {width: 200px;height: 170px;display:inline-block;border: none;position: static;text-align: left;padding: 5px 12px 0 12px;}

Да, работает, но при переводе фокуса мыши с пункта на пункт, высота всего меню скачет.
И как выровнять текст каждого пункта по вертикали в середину?

Спасибо!

Dasik851 (02 Апрель 2018 - 18:53) писал:

Здравствуйте, найдите в файле main.css код

#custommenu ul.mainnav li.level0 {width: 200px;height: 170px;display:inline-block;border: none;position: static;text-align: left;padding: 5px 12px 0 12px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {height: 165px; color: #FFF;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);}
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}

/*  ЗДЕСЬ МЕНЯЕТСЯ РАЗМЕР ШРИФТА ГЛАВНОГО МЕНЮ В ШАПКЕ САЙТА -----------------------	 */
/*																				 I	 */
/*																				 V	 */
#custommenu ul.mainnav li.level0 > a {display: inline-block;padding: 10px 30px; font-size: 120%;font-weight: 700;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;color: #FFF;border: 1px solid transparent;height:150px;vertical-align:middle;}

замените на

#custommenu ul.mainnav li.level0 {width: 200px;min-height: 170px;display:inline-block;border: none;position: static;text-align: left;padding: 5px 12px 0 12px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {height: 165px; color: #FFF;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);}
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}

/*  ЗДЕСЬ МЕНЯЕТСЯ РАЗМЕР ШРИФТА ГЛАВНОГО МЕНЮ В ШАПКЕ САЙТА -----------------------	 */
/*																				 I	 */
/*																				 V	 */
#custommenu ul.mainnav li.level0 > a {display: inline-block;padding: 10px 30px; font-size: 120%;font-weight: 700;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;color: #FFF;border: 1px solid transparent;vertical-align: middle;	min-height: 170px;}

Ребяты, спасибо !!! Получилось.