Как лучше реализовать такое меню?

Question

[gazes12]

Изначально menu выглядит так:


На телефонах так:


https://codepen.io/gazes12/pen/eYVYOda

Что лучше всего использовать? Динамический адаптив через js или расположить его через абсолютное позиционирование? Или еще как-то?

Comments

[Сергей Сергей]

Переопределение через медиа-запросы.

[gazes12]

Сергей Сергей, Сделать абсолютное позиционированние для меню относительно всей страницы?

[Сергей Сергей]

Не знаю, главное не через js переключаться между режимами десктоп и мобильным.

[gazes12]

Сергей Сергей, Хорошо, спасибо большое! Я через position: fixed; сделал, все прекрасно работает!

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

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

[Сергей Сергей]

Антон Литвиненко, личное предпочтение — если можно определять стилизацию без скриптов, значит я выбираю и предлагаю другим этот способ.