Question

我正在编辑我的WP后端，我无法找到支持使我的菜单按钮滚动到我的页面。我可以用页面滚动菜单栏，但是这个按钮有点不同。它是一个小盒子，可以在单击时展开以显示菜单选项。

如何使未展开的菜单按钮随页面滚动？下面是我的header.php代码，其中包含我在firefox中检查html时发现的相同div按钮类

<button class = "menu-toggle x"></button>)

这里是header.php代码（对不起，它看起来很奇怪 - 在这里读取它时遇到了麻烦）

<button class="menu-toggle x">

            <span class="lines"></span>

            <span class="screen-reader-text"><?php _e( 'Primary Menu', 'intergalactic' ); ?></span>

        </button>

        <div class="slide-menu">

            <nav id="site-navigation" class="main-navigation" role="navigation">

                <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

            </nav><!-- #site-navigation -->

            <?php if ( has_nav_menu( 'social' ) ) : ?>

                <?php wp_nav_menu( array( 'theme_location' => 'social', 'depth' => 1, 'link_before' =>

'<span class="screen-reader-text">', 'link_after' => '</span>', 'container_class' => 'social-links' )
 ); ?>
            <?php endif; ?>

            <?php if ( is_active_sidebar( 'sidebar-1' ) ) {

                get_sidebar();

            } ?>

        </div>

Answer 1

帕斯卡尔，

这通常是在CSS的前端处理，非常简单......

.menu-toggle{
    position:fixed;
    top:0px; /* or whatever is best for your design */
    right:0px; /* or whatever is best for your design */
    z-index: 999; /* this assures that it stays in front of all other content*/
}

使切换菜单按钮变粘

1 个答案: