Question

Сделал второй уровень меню, а там подсветка не на всю рамку, а только чуть больше высоты строки.

Не подскажите, в каком месте CSS это спрятано?

Надо что бы тёмное выделение пункта было на весь выпадающий блок. Ну или почти на весь.

Answer 1

Итак...
Строка ксс 49, красное удалить синее написать.

#catmenu ul ul li {
float: none;
padding: 0px 20px 0px;
text-align: center;
}

далее строка  351

#catmenu li.uWithSubmenu a {
padding-right: 35px;
position: relative;
}

далее строка  51, зеленым напишите.

#catmenu li li a.uMenuItemA, #catmenu li li.uWithSubmenu:hover > a, #catmenu ul ul li a, #catmenu ul ul li a:hover {
box-shadow: none;
display: block;
font-size: 12px;
height: auto;
line-height: normal;
padding: 12px 0px;
}

Comments

Спасибо большое, Ваш вариант мне больше понравился.

Answer 2

Попробуйте в самый низ таблицы стилей CSS прописать что-то подобное:

[class="uWithSubmenu item-parent"] li,[class="uWithSubmenu item-parent"] li:hover {height: 40px;padding-top:7px!important;background: #bfc3fa;border-bottom:1px solid #fff;}
[class="uWithSubmenu item-parent"] li a {color:#000!important;}
[class="uWithSubmenu item-parent"] ul {padding: 0!important;}

так будет более менее нормально, если вас это не устроит, тогда обратитесь к фрилансерам - https://upartner.pro/

Comments

Сделал как вы посоветовали. Поправил фон выпадающего меню, остальное как Вы дали.
Но основной момент не решен. Обратите внимание, при наведениеи на пункт меню второго уровня пункт подсвечивается, но не красиво. Слева так вообще по пкервой букве граница подсветки проходит. Надо именно подсветку расширить