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

Question

[Максим]

Доброго времени суток! :)
Опыта совсем мало, и спрашивать я люблю.
Подскажите пожалуйста, как лучше адаптировать под мобильные устройства навигацию с вот этого макета.

Как видите, сайт состоит из 5 секций и в каждом из них одна и та же навигация.
Если бы навигация была только в первой секции - то тут всё ясно, я бы свернул, примерно так, как это делает bootstrap.
Но так как навигация сразу в пяти местах, ощущение, что её не нужно прям сворачивать на мобилках, а нужно просто как-то компактно разместить.

Может есть какие-то общепринятые решения такой ситуации? Как лучше садаптивить?
Спасибо!

Сейчас на ширине в 320px в голом виде выглядит так.

p.s. Это просто тренировочный макет.

Comments

[Сергей delphinpro]

Там одна навигация и есть. Вы просто макет неправильно поняли.

[Сергей delphinpro]

Должно быть что-то вроде такого alvarotrigo.com/fullPage

[Максим]

Сергей: ёёёёмаё. Да, спасибо))) Щас бы наделал))) Спасибо!)))

Answer 1

[Виталий]

и смыслы дублировать навигацию на 5 слайдах ?
сделайте fixed верх ( лого + навигацию) и сворачивает последнюю в бургеменю, например

Comments

[Виталий]

Максим: я на 95% уверен, что это раскадровка экранов с фиксированным меню сверху ( если это одностраничник)

[Максим]

Виталий: Да, вы правы)) Я не правильно понял макет) Спасибо))))