Некоторые методы создания адаптивных выпадающих меню для мобильных устройств:

• Раскрывающееся меню со сдвигом контента. 1 Навигация скрывается и замещается кнопкой «Меню». 1 Для выбора категории пользователь должен нажать на кнопку, контент при этом сдвигается вниз. 1 Для реализации такого меню обычно используют JavaScript. 1
• Якорная ссылка на футер страницы. 1 Создают два меню — вверху и внизу страницы. 1 Когда страницу открывают на маленьком экране, меню в верхней части страницы превращается в ссылку на навигацию в футере. 1
• Навигация во всплывающем окне. 1 Меню навигации отображается во всплывающем модуле. 1 Решение можно реализовать с использованием модального окна, например, FancyBox. 1
• Навигация, разворачивающаяся по кругу. 1 Для реализации такого меню используют CSS3 и JavaScript. 1 При нажатии на основную кнопку вокруг неё по кривой выстраиваются пункты меню. 1 Закрыть меню можно, выбрав один из его элементов или нажав ещё раз на основную кнопку. 1
• Навигация, «вытягиваемая» жестом. 1 В основе метода лежит идея обновления контента с помощью протягивания — Pull-to-Refresh. 1 В экспериментальном меню навигации стандартный контрол заменён жестовым управлением. 1
• Использование чистого CSS. 3 Этот метод предполагает использование простой структуры списка HTML для разработки меню ссылок, которые можно стилизовать и отображать по-разному в зависимости от размера экрана устройства. 3