Как сделать адаптивное меню с логотипом в центре?

Здравствуйте. Нужен совет, как реализовать адаптивное меню с логотипом по центру. Пример прикрепил. Очень важно, чтобы логотип был поверх линии на которой находится меню и имел большую высоту. Возможно уже есть готовые решения. Буду очень благодарен.af4b973878424645982f316b655f52c2.png
  • Вопрос задан
  • 1651 просмотр
Решения вопроса 1
nickolyashka
@nickolyashka
Вариантов много, от абсолютного позиционирования до flex.
Вот так
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
iiiBird
@iiiBird Куратор тега HTML
Пока ты спишь - твой конкурент совершенствуется
как вариант для десктопа суешь логотип прям внутрь li у меню. а выше меню делаешь клон этого лого но с display:none;
а при адаптиве уже сркрываешь этот li с логотипом. а который выше - показываешь.
Ответ написан
Комментировать
Exomode
@Exomode
Архитектор ПО
Вариантов действительно масса, можно и таким подходом.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы