Что в вёрстке отвечает за подпункты меню?

Question

[andrey_levushkin]

Сам сайт:
loves2020.tk

Изначально хотел убрать в МЕНЮ перенос строк - убрал:

.nav-menu{
	white-space: nowrap;
}

В результате в подпунктах меню слова тоже перестали переносится - хорошо, меня это устраивает. Но в итоге эти подпункты стали вылазить из своих "рамок":

Как сделать так, чтобы эти "рамки" были на весь подпункт меню?
Ещё хотелось бы сделать выравнивание текста по центру в подпунктах - что за них вообще отвечает?

Comments

[WapSter]

Класс? Ты вообще в курсе, что такое верстка?

Answer 1

[andrey_levushkin]

Проблема решена

#menu-header .sub-menu a {
width:100%;
text-align: center;
}

Answer 2

[Орхан Гасанлы]

Откройте dev tools браузера и проинспектируйте элемент.

Как сделать так, чтобы эти "рамки" были на весь подпункт меню?
Ещё хотелось бы сделать выравнивание текста по центру в подпунктах - что за них вообще отвечает?

Вам нужно тег ul субменю сделать на всю ширину - width:100%; или задать минимальную ширину: min-width:300px;

Чтобы выровнить текст добавьте text-align:center

Comments

[andrey_levushkin]

По поводу субменю, так:

.sub-menu ul{
	min-width:300px;
}

???