Фундамент 6 параметры меню с учетом данных

Я создаю отзывчивую навигацию с основанием 6, интегрированным в wordpress. Я хотел бы использовать атрибут «отзывчивый-меню», чтобы вызвать плагин детализации на небольших экранах. Легко. Проблема в том, что я не хочу, чтобы какие-либо другие плагины на других размерах экрана. В документации приведен пример:Фундамент 6 параметры меню с учетом данных

<ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown">

Но этот триггерный плагин детализации на небольших экранах и выпадающем списке на больших. Если я использую только параметры «детализации» или «малая развертка», он предназначен для всех медиа-запросов. Я знаю, что я мог бы вызвать два экземпляра wp_nav_menu с показом для малого и шоу-для-среднего, но мне интересно, могу ли я достичь этого без печати двух равных меню.

источник

2016-01-28 Marco

Вы говорите, что меню должно быть [вложенным меню] (http://foundation.zurb.com/sites/docs/menu.html#nested-style) на размер экрана среднего размера и выше? –

Нет, мне нужен «горизонтальный» стиль, например, ul.menu на размеру экрана и выше. Я извиняюсь, может быть, это было непонятно! – Marco

Выпадающее на самом деле то, что вы хотите для среднего, тогда вам просто нужно установить его как горизонтальное. Добавление ответа для вас сейчас ... –

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

<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">

Update: bugs, связанные с выпадающими стрелками и подменю откинуть направление в ответном меню были исправлены в выпуске foundation-sites 6.2.0.

источник

2016-01-28 20:44:04

Ваше решение работает, спасибо за ответ. Дело в том, что я не хочу «выпадающего» поведения. С помощью этого кода все элементы подменю ведут себя как раскрывающийся список «Основа 6», но я лично создаю для них настраиваемый вид, в среднем медиа-запросах. Я подумал, что можно не выбрать какой-либо плагин и иметь такое простое меню, как это http://foundation.zurb.com/sites/docs/menu.html В любом случае, большое вам спасибо за вашу помощь! – Marco

Добро пожаловать. Как вы хотите, чтобы элементы подменю отображались на среднем уровне, если они не раскрываются? Просто каждый пункт меню на одной горизонтальной линии? –

Точно, потому что мне нужно было создать собственное гигантское меню для выполнения запроса клиента. Другими словами, мне нужна помощь фонда только на мобильных устройствах. На данный момент я написал 2 вызова меню, один для мобильных и один для больших экранов. Мне нужно идти, завтра я буду читать завтра, хорошо поженен. – Marco

Фундамент 6 параметры меню с учетом данных

ответ

Смежные вопросы