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

[Аслан]

Подскажите пожалуйста, как сделать:
1. у выпадающего списка при наведении курсора чтобы появлялся контур в виде овала как в основном меню,с заливкой /
3. как сделать закругленные края у выпадающего меню

Прикрепленные изображения

• 

[MikDark]

Аслан (22 Январь 2018 - 14:31) писал:

Подскажите пожалуйста, как сделать:
1. у выпадающего списка при наведении курсора чтобы появлялся контур в виде овала как в основном меню,с заливкой /
3. как сделать закругленные края у выпадающего меню

Здравствуйте.

1) В шаблоне main.css Вам нужно заменить код:

#custommenu ul.mainnav li a.title-lv1:hover {
	color: #295FB5;
}

на

#custommenu ul.mainnav li a.title-lv1:hover {
	color: #295FB5;
	border: 1px solid #295FB5;
	margin-right: 20px;
	padding: 5px 12px;
	border-radius: 20px;
}

2) Вам нужно в шаблоне main.css заменить код:

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
	display: block;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	-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.parent:hover ul.dropdown-menu {
	display: block;
	border-radius: 0 0 10px 10px;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}