html - 使切换菜单按钮变粘

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*/
}