На мобильных устройствах взаимодействие с выпадающим меню обрабатывается иначе, чем на ПК. 15
Обычно основные фреймворки пользовательского интерфейса заменяют событие :hover событием click для отображения раскрывающихся списков. 5 На устройстве с сенсорным экраном относительно легко щёлкнуть по чему-либо вместо наведения курсора мыши. 5
Также для адаптации выпадающего меню к мобильным устройствам можно использовать следующие решения:
- Раскрывающееся меню со стилями CSS. 2 В этом случае на экранах мобильных устройств навигация замещается или скрывается за кнопкой «Меню», по нажатию на которую и открывается список категорий. 2 При таком решении контент не смещается вниз — наоборот, меню закрывает собой контент и располагается прямо поверх него. 2
- Меню, раскрывающееся со сдвигом контента. 2 Аналогично предыдущему решению, навигация скрывается и замещается кнопкой «Меню». 2 Для выбора категории пользователь должен нажать на кнопку, контент при этом сдвигается вниз. 2