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

Question

[Михаил Мишутка]

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

Answer 1

[Николай]

Вариантов много, от абсолютного позиционирования до flex.
Вот так

Answer 2

[iBird Rose]

как вариант для десктопа суешь логотип прям внутрь li у меню. а выше меню делаешь клон этого лого но с display:none;
а при адаптиве уже сркрываешь этот li с логотипом. а который выше - показываешь.

Answer 3

[Юрий Есин]

Вариантов действительно масса, можно и таким подходом.