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

Question

[Nevada18]

Есть меню, в котором 4 ссылки и логотип. Под ним вторичное меню. Вот набросок. Как правильно это сверстать, если при уменьшении экрана Link5 и 6 исчезают, на их место становятся Link 1 и 2, логотип сдвигается до конца влево (на место первых двух ссылок) и при этом link7 остается на месте? на мобилках обычное меню с гамбургером. верстаю флексами, но может это не правильно? Как это лучше сделать? думал разделить основное меню на два списка, и при уменьшении экрана позиционировать абсолютом, но мне не кажется это правильным решением.

Comments

[Sandrew]

Воспользуйся Bootstrap navbar.

Answer 1

[Vitaliy Orlov]

да продублируй ссылки каталог + вязание во второй ряд и скрой их на большом разрешении
а на маленьком скрываешь каталог + вязание вверху, так же скрываешь поступления+распродажа, а дублирующие каталог + вязание (которые скрыты на большом разрешении) показываешь

Примерно так: codepen.io/anon/pen/LxQKod

Answer 2

[Anton Bobylev]

Вот вам такой вариант: codepen.io/anon/pen/xgWKab?editors=1100

Но это шаманство и проще действительно скрывать нужные блоки в зависимости от размера экрана.