html - 如何通过下面的菜单？

我有这个网站：

http://avocat2.dac-proiect.ro/

这是菜单的代码：

 <header id="masthead" class="navbar navbar-default" role="banner">
    <div class="container">
        <nav class="" role="navigation">
<!--            <div class="container-fluid">-->
                <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">

                <!--            <form class="navbar-form navbar-left" role="search">-->
                <!--                <div class="form-group">-->
                <!--                    <input type="text" class="form-control" placeholder="Search">-->
                <!--                </div>-->
                <!--                <button type="submit" class="btn btn-default">Submit</button>-->
                <!--            </form>-->

                <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'zdwpbs' ); ?></a>
                <?php
                wp_nav_menu( array( 'theme_location' => 'primary' ,
                                    'menu_class' => 'nav-menu') );
                ?>
            </div><!-- /.navbar-collapse -->
<!--            </div>-->
    <!-- /.container-fluid -->
        </nav>
    </div><!-- .container -->
</header>

我什么时候一切都宽度= 1200px下面的菜单去。
当前位于下面的所有菜单项上。

我想保持所有线元素但要走到下面

我放一张照片以更好地理解我的意思。
http://i58.tinypic.com/35bbf9h.jpg

我怎么解决这个问题？

提前致谢！

最佳答案

您应该在CSS代码中添加自定义媒体CSS。以了解您的代码。
把这个和

希望对您有帮助。

@media screen and (max-width: 1200px) and (min-width: 768px){
    .collapse.navbar-collapse ,.navbar-header{float: none;}
    .menu-menu-container ul{padding:10px 0;}
    .menu-menu-container ul:after{content: '';display: block;clear:both;}
    .menu-menu-container ul li{padding:0 50px 0 0;}
}

您应该根据需要对此进行自定义。

关于html - 如何通过下面的菜单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29430064/