Как создать полнустью адаптивную навигацию на css?

Question

[vasIvas]

Для саморазвития решил попрактиковаться в верстке и первое что пришло в голову сделать адаптивную навигацию. Вроде получается, но один момент не дает покоя. Чтобы избавить Вас от мысли сбежать из этой темы увидев "экспериментальный рулон кода" я его показывать не буду, а лишь скажу, что тот кто знает о чем речь поймет меня и без кода.
Есть навигационная панель с меню с выставленным position: relative. Когда наводишь на item,
то если есть, раскрывается подменю у которого position: absolute. Если уменьшить размеры браузера, то навигация становится не горизонтальной, а вертикальной.

И теперь самое важное. Если я навожу на item, то подменю раскрывается под основным.
Единственно что придумал, это в /@media выставлять position: relative.

И теперь вопрос - а есть другой способ без /@media?

Answer 1

[Aleksandr]

Я правильно вас понял, вы хотите адаптивную навигацию и не хотите использовать media queries?
А ответ на ваш вопрос - способ есть - js

Comments

[vasIvas]

То есть ответ - создать описанное мной без media queries невозможно? js я не имею ввиду. Я не то чтобы против media queries я просто успокоится не могу и возможно пытаюсь сделать невозможное..

[dpismenny]

vasIvas: вы любите говорить загадками. многие этого не любят. выкладываете рабочий пример на codepen и вам помогают. почему бы не начать уважать время других людей?

[L0k1]

vasIvas: Александр Котов вам ответил, тут нечего дополнить. media queries именно для этого и предназначены

[zooks]

vasIvas: В чем страх дописать две строки @media-запроса?