Супер Рыбное Меню в WordPress

Question

Супер Рыбное Меню в WordPress

Я создал тему в WordPress, где я использую проблему с меню Super Fish: она работает отлично, но когда я делаю ее адаптивной к мобильному представлению, она исчезает, но в html она работает отлично. Я использую следующие коды. Я тоже пробовал bootstrap_navwalker но мне не удавалось поместить тип данных в мой <ul>,

if ( function_exists('wp_nav_menu') ) {
wp_nav_menu( array(
'theme_location' => 'primary',
'sort_column' => 'menu_order',
'menu_class' => 'sf-menu',
'fallback_cb' => 'default_menu'
));
}

Ниже приведен HTML-код, который работает отлично.

   <nav class="nav">
<!--Sf-menu-->
<ul class="sf-menu" data-type="navbar">
<li>
<a href="./">Home</a>
</li>
<li class="active">
<a href="index-1.html">About</a>
<ul>
<li>
<a href="#">News</a>
</li>
<li>
</ul>
</li>
</ul>
<!--End Sf-menu-->
</nav>

Я проверил много постов, даже некоторые здесь, но все говорят о том, чтобы вставить WordPress, но теперь о том, как сделать его отзывчивым, даже некоторые уроки также показывают, как использовать WordPress, а не как создавать мобильное меню. Спасибо за помощь

-1

css html php superfish wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

После долгой игры с nav_walker получил решение из другого поста, где он использовал простую ‘item-wrap’, чтобы обернуть и изменить ul и добавить атрибут data-type = navbar. Сейчас работает отлично. Большое спасибо за помощь, ребята.

if ( function_exists('wp_nav_menu') ) {
wp_nav_menu( array(
'theme_location' => 'primary',
'sort_column' => 'menu_order',
'items_wrap' => '<ul id="%1$s" class="%2$s sf-menu" data-type="navbar" >%3$s</ul>',
'fallback_cb' => 'default_menu'
));
}

В items_wrap я добавил свой data-type = «navbar», чтобы все работало идеально.

0