Question

查看我的网站： boolean indexing 我不能让我的汉堡菜单在打开时保持正确，菜单位于汉堡菜单左侧。

我觉得我在监督某些事情，但我不知道是什么。有人可以快速浏览一下，看看我做错了什么吗？

我不使用任何媒体屏幕或任何东西。我想在每台设备上使用汉堡包菜单。

css：

<nav class="menu">

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

     <a class="toggle-nav" href="#">&#9776;</a>
</nav>

HTML：

<script>
jQuery(document).ready(function() {
    jQuery('.toggle-nav').click(function(e) {
        jQuery(this).toggleClass('menu');
        jQuery('.menu ul').toggleClass('menu');

        e.preventDefault();
    });
});
</script>

CSS：

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="match_parent"
        android:layout_height="match_parent">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="EditText"/>

           <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </LinearLayout>

Answer 1

只需改变它：

.menu-main-menu-container {
    float: left;
}

然后按照您的意愿设置菜单样式：）

Answer 2

你也用它

toggle-nav:hover, .toggle-nav {       
    width: 20px;
    height: 30px;
}

nav.menu {
    display: flex;
}

为什么点击时我的汉堡菜单不能保持正确？

2 个答案: