Создание меню с возможностью выбора при изменении размера окна браузера

Question

Итак, я пытаюсь создать отзывчивый веб-сайт.

Вот моя навигация до сих пор (окно развернуто):

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

У меня есть два списка в двух отдельных div's, в идеале, когда изменяется размер окна, я хотел бы, чтобы содержимое из lists было доступно в этом новом меню.

Это то, что он выглядит, когда Chrome изменяется до минимальной ширины:

Как вы можете видеть, эти ссылки в изображении (растягивает, поза и т.д.), тем не должны быть видны. Они должны динамически отображаться после нажатия на меню, что является другой проблемой, нажатие меню ничего не делает.

Все, что есть, можно найти в этой скрипкой: https://jsfiddle.net/hudnybux/

Answer 1

Это довольно распространенный вариант использования, как я уверен, вы можете себе представить. Googling это заняло у меня 5 секунд, this был первым, что появилось. Кажется простым и прямым следовать.

Как правило, при переполнении стека попробуйте немного оглядеться, прежде чем задавать вопрос ... люди обычно лучше реагируют на ваши ответы. :)