Как элементы с навигации переместить в бургер?

Question

[12Vadim12]

Как это выглядит на большем экране

Как это выглядит для телефона

Comments

[Ankhena]

Вам может помочь:
- position fixed (sticky)
- гриды, флексы и их order
- display: contents
- display: none

[Сергей delphinpro]

Есть конкретная проблема?
Или это очередной вопрос "как сделать то, чего я нифига не умею"?

[Антон Литвиненко]

как по мне основных вариантов 2 - продублировать или переносить джаваскриптом

[12Vadim12]

Сергей delphinpro, нет, как сделать я знаю, но не был уверен, что вариант через позиционирование, или display корректен, и наиболее используем, вот и хотел узнать как чаще всего реализуют.

[Ankhena]

12Vadim12, желательно избежать дублирования в разметке. Тут вроде дублируется только кнопка, разделяется на две: открыть и закрыть. И логотип.
Но это не страшно, потому что есть момент когда они должны быть показаны одновременно.