Проблема отображения дочерних кнопок heder_menu Wordpress?

Question

[Чёкатилло]

cg91812-wordpress-3.tw1.ru
При наведении на меню видно, что дочерние элементы "потеряли" стиль, потому что так стало после добавления формы поиска в меню, а именно после сие кода:

.menu-header li:last-child{padding:0px 0px;}
.menu-header li:last-child:hover{padding:0px 0px;}
.menu-header li:nth-last-child(2) {margin-right: 53px!important;}
.menu-item-search {position: absolute!important; top: 0; right: 0;}

Пытаюсь дополнить код, дабы назначить стиль, но ни в какую...

код меню, где ul- дочерний элемент:

.menu-header { position: absolute; text-align:center; right: 53px; font-size: 16px !important; font-size: 1.6rem !important; font-style: oblique;} @media screen and (max-width: 892px){ .menu-header { display: none;}} .menu-header > li { text-transform: uppercase; display: inline-block;} .menu-header li { line-height: 1; margin: 0 !important; position: relative; background: rgba(0, 105, 170, 0.7); padding: 17px 10px; padding: 1.7rem 1rem; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;} .menu-header li:hover{ background: rgba(0, 105, 170, 1);} .menu-header li:hover ul{ display: block; overflow: inherit; clip: inherit; width: inherit; height: inherit;}

Comments

[Roman]

Дмитрий Объясни как именно должно выглядеть, я тебе подскажу

[Чёкатилло]

Должно быть так: если навести на кнопку "наука", снизу появляется дочерние кнопки "эксперименты" и неправильноотображающаяся кнопка "футуризм" Кнопка футуризм (как и дочерние от кнопок "архитектура" и "ВПК") отображается не правильно, то есть: фон этих кнопок узок и не той нормальной прямоугольной формы как дочерняя кнопка например "эксперименты" Из-за неправильной формы под дочерними кнопками еще и отображается черный непонятно откуда фон
Фух все )))

[Чёкатилло]

Roman: без "должно быть" ) опечатался

Answer 1

[Roman]

Добавьте после приведенного кода:

.menu-header li ul li:nth-last-child(2) {
    margin-right: 0!important;
}
.menu-header li ul li:last-child,.menu-header li ul li:last-child:hover {
    padding: 17px 10px;
    padding: 1.7rem 1rem;
}

Comments

[Чёкатилло]

МУЖИК, все отлично Спасибо тебе