Выпадающее навигационое меню, отображающееся при наведении мышки - с одной стороны, дает возможность оптимизировать систему навигации по основным разделам сайта, с другой - лишняя головная боль для пользователей мобильных устройств, ведь на сенсорном экране нет такого события как "наведение", есть только "клик". Тем не менее, заказчик всегда прав, и если хочет выпадающее меню, будем делать выпадающее меню.

В шаблоне Protostar иногда наблюдается странность в поведении выпадающего меню - при наведении мышки на родительский элемент ничего не происходит, выпадающее меню появляется уже после клика. При этом происходит загрузка новой страницы и меню снова исчезает. То есть, все как-то против логики :)

Как заставить вложенное меню "выпадать" по наведению? На самом деле, проблема решается довольно просто.

Идем в менеджер модулей, выбираем наше меню и в его свойствах указываем "Показывать подпункты меню":

После этого выпадающие менюшки будут отображаться по наведению.

А как облегчить работу с выпадающими меню для пользователей планшетов? Нужно сделать так, чтобы по клику на основной пункт меню высвечивалось подменю, но при этом никакой переход не осуществлялся - как кнопка "Пуск" в Windows.

Делается это просто - на родительский пункт меню назначается "внешняя ссылка" и в текст этой ссылки - символ #. Теперь выпадающее меню будет вменяемо работать и на планшетах.