Я только что работал в WordPress с Foundation 6, и я создаю меню для мобильных устройств.
Но у меня, кажется, есть проблема, когда контент не загружается в экранное меню, ниже приведен код, который я использую, я помещаю вещи в неправильное место?
Причина появления внешних элементов div (dragoncove_mobile_menu) заключается в том, что у меня есть медиа-запросы для отображения разных меню с разными размерами. Что я перечислю ниже, хотя я пытался без запросов, и не было никаких изменений.
<div id="dragoncove_mobile-menu">
<div class="off-canvas-wrapper">
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
<!-- Create off canvas menu -->
<div class="off-canvas position-left" id="offCanvas" data-off-canvas></div>
<!-- Content -->
<div class="off-canvas-content" data-off-canvas-content>
<?php dragoncove_mobile_slot_1(); ?>
</div>
</div>
<!-- Button Toggle -->
<button type="button" class="dragoncove_mobile_button" data-toggle="offCanvas">Open Menu</button>
</div>
.dragoncove_mobile_button {background: none; border: 2px solid #fff; border-radius: 5px; color: #fff; padding:10px;}
/* Small only */
@media screen and (max-width: 39.9375em) {
#dragoncove_desktop-menu {display: none;}
#dragoncove_mobile-menu {display: inline-block;}
}
/* Medium and up */
@media screen and (min-width: 40em) {
#dragoncove_desktop-menu {display: inline-block;}
#dragoncove_mobile-menu {display: none;}
}
</style>
<!-- Menu's are registered like this -->
// Dragon Cove Mobile Menu Slot 1
function dragoncove_mobile_slot_1() {
wp_nav_menu(array(
'container' => false, // Remove nav container
'menu_class' => 'vertical menu', // Adding custom nav class
'items_wrap' => '<ul id="%1$s" class="%2$s" data-responsive-menu="accordion medium-dropdown">%3$s</ul>',
'theme_location' => 'dc_mobile_menu_slot1', // Where it's located in the theme
'depth' => 5, // Limit the depth of the nav
'fallback_cb' => false, // Fallback function (see below)
'walker' => new Topbar_Menu_Walker()
));
}
Беглый взгляд на это и похоже, что вы неправильно понимаете, как это работает
Область меню offcanvas содержится в
<div class="off-canvas position-left" id="offCanvas" data-off-canvas></div>
Весь остальной ваш контент должен содержаться внутри
<div class="off-canvas-content" data-off-canvas-content>
Других решений пока нет …