WordPress Uikit Nav Walker не работает на мобильном телефоне - PullRequest
Новая
       25

WordPress Uikit Nav Walker не работает на мобильном телефоне

0 голосов
/ 17 октября 2019

Я делаю пользовательскую тему Wordpress с фреймворком Uikit, очень приятную для внешнего интерфейса. У меня есть проблема с меню, я включил uikit-nav-walker, и он работает правильно для рабочего стола, но не для мобильного телефона.

Есть два меню для мобильного телефона, offcanvas и модальное, нокогда я щелкаю по значку меню, у дезадаперов не отображается меню, модальное или вне холста.

Я продублировал файл и пытаюсь изменить меню вне сканирования, но оно не работает. Код navwalker происходит по этой ссылке: https://gist.github.com/Dreamelf/d63b2a6a05236e66f31ee46e7f4d4482 Я не использую основной код страницы, а код доброго парня (tasz) в комментариях. Он хорошо работает на рабочем столе, но не на мобильном телефоне, при нажатии просто исчезает значок со значком, ничего не показывая.

Необходимо решить эту проблему, очень важную для меня. Спасибо всем за поддержку! Карло 

/**
    * Offcanvas menu
*/
function uikit_offcanvas_menu() { ?>

    <div id="offcanvas-menu" uk-offcanvas="overlay:true">
        <div class="uk-offcanvas-bar uk-flex uk-flex-column">

            <button class="uk-offcanvas-close" type="button" uk-close></button>
            <a class="uk-navbar-item uk-logo" href="index.html">
              <img src="assets/images/in-piemonte-puoi-logo-white.png" data-src="" width="" height="" alt="In piemonte puoi logo" uk-img>
            </a>
            <?php if ( has_nav_menu( 'menu-1' ) ) : ?>
            <h3><?php _e('Menu', 'ipp'); ?></h3>
            <?php
                wp_nav_menu( array(
                'menu'              => 'mobile-menu',
                'theme_location'    => 'mobile-menu',
                'depth'             => 2,
                'container'         => 'ul',
                'items_wrap'        => '<ul id="%1$s" class="%2$s" uk-nav>%3$s</ul>',
                'menu_class'        => 'uk-nav uk-nav-default uk-nav-parent-icon',
                'fallback_cb'       => 'uikit_offcanvas_w_menu::fallback',
                'walker'            => new uikit_offcanvas_w_menu()
            )); ?>
            <?php endif; ?>

        </div>
    </div>

<?php }
add_action( 'uikit_offcanvas_menu', 'uikit_offcanvas_menu' );

в header.php это ситуация: 

<!-- HEADER -->
<header>

        <!-- Navbar -->
        <div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; bottom: #scrollup-dropbar" class="uk-sticky" style="">

            <?php do_action('uikit_top_menu'); ?>
            <?php do_action('uikit_off_canvas_menu'); ?>

        </div>

</header>
...