@andrey_levushkin

Как сделать чтобы пункты меню шли в две строки?

Сайт:
loves2020.tk
В подвале меню.
Как сделать, чтобы пункты меню шли в два ряда, так как один иногда не вмещается на страницу?
  • Вопрос задан
  • 552 просмотра
Решения вопроса 2
Armrisch
@Armrisch
Full Stack Developer
Зависит от того каким образом ты его сверстал, но можно сделать многими способами к примеру используй max-width, либо flex что очень удобно, если же не хочется менять код используй медиа в css указывая с какого разрешения сделать изменение
Ответ написан
Комментировать
@F1rp
Junior
В стилях нашёл что
.nav-menu {
    white-space: nowrap; 
}

Соответственно получаем что у тебя идёт все li без разрыва. Убрав это правило можно сделать так чтоб все li помещались в размер ul/ Где уже можно контролировать это
Или сделать несколько ul и в них вмещать уже li с нужным текстом.
Это первое что пришло на ум)

Вот что получилось когда убрал правило:
5efa5a07c1c88071731958.png

как можно видеть все li уместились внутрь ul
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы