jQuery Плагин liMenuRespHard преобразует ваше многоуровневое меню в адаптивное. После обработки плагином liMenuRespHard ваше меню примет юзабильный вид на устройствах с маленьким разрешением экрана.
liMenuRespHard - это версия преобразования адаптивного меню, предназначенная для меню с неограниченным уровнем вложенности.
В настройках плагина возможно указать тип преобразования: 1. Выпадающий список - 'select', 2. Иконка меню - 'button'
Меню преобразуется во всех современных браузерах, поддерживающих CSS3 Медиа-запросы, и никак не меняется в IE7,IE8
Пример работы на JSFIDDLE
Подключаемые файлы
Инициализация плагина
В настройках плагина возможно указать тип преобразования:
1. Выпадающий список - 'select',
2. Иконка меню - 'button'
Структура HTML
Структура вашего меню может быть с неограниченным уровнем вложенности
Класс ".anyClass" служит только для инициализации плагина,
класс ".menuResp" - отвечает за внешний вид и адаптацию меню,
класс ".active" - выделение для текущей страницы
Комментарии
Спасибо что заметили отсутствие примера. Поправил
http://jsfiddle.net/yurik417/sk23buwh/
Кто-то подскажет, как правильно исправить скрипт, чтобы он вычислял то что нужно для корректной работы в моем случае? Я пока решил вопрос добавив margin-top:-45p x, но это не очень валидное решение...
Если вопрос еще актуальный, выложите в интернет нерабочую страницу и киньте ссылку, я обязатеьно посмотрю
RSS лента комментариев этой записи