我想在小屏幕中删除WordPress Nav容器

Question

我的问题是如何删除WordPress Nav容器表单＆lt; 767 Screen？我目前的代码是：

<?php wp_nav_menu( array('container_class' => 'main-nav', 'container' => 'nav', 'items_wrap' => '<ul class="flexnav" data-breakpoint="800">%3$s</ul>' )); ?>

我希望如此：

<?php wp_nav_menu( array('container_class' => 'main-nav', 'container' => '', 'items_wrap' => '<ul class="flexnav" data-breakpoint="800">%3$s</ul>' )); ?>

小屏幕。我怎么能这样做？

Answer 1

将此添加到您的CSS：

@media screen and (max-width: 766px){
    .main-nav{
        display: none;
    }
}