Адаптивное меню с помощью модуля Responsive Menus

С развитием планшетов и смартфонов все более актуальной становится адаптивная верстка и в частности - адаптивное меню. При этом нужно либо специально при верстке меню учитывать разные расширения экранов, либо воспользоваться модулями, которые занимаются темизацией меню с использованием css и jquery ( к примеру Superfish или Nice Menus). Но если не хочется возиться отдельно с адаптивной версткой меню, то можно воспользоваться модулем Responsive Menus. Он позволяет сделать адаптивным любое меню, да и в принципе любой список, выведенный на сайте. Для его установки и настройки нужно: 1. Скачать модуль и разархивировать его в /sites/all/modules (или /sites/all/modules/contrib ). 2. Перейти на страницу настроек меню /admin/config/user-interface/responsive_menus и задать значение селектора (или нескольких селекторов) для меню, которое должно быть адаптивным. 3. На странице настройки модуля выбрать стиль для меню: Simple expanding (по-умолчанию), Mean Menu, ResponsiveMultiLevelMenu (codrops), Sidr или Google Nexus (codrops). Некоторые стили требуют дополнительной установки модулей Jquery update и Libraries API, так как для их работы необходима установка дополнительных библиотек. 4. Задать ширину экрана в пикселях, при которой меню будет сворачиваться в адаптивное меню (по-умолчанию 768px). Демонстрацию работы модуля можно увидеть на моем блоге, сделав ширину браузера меньше чем 860px.