我的管理栏覆盖了我粘稠的导航栏

时间:2017-07-30 作者:shadi

我正在尝试开发一个带有粘性导航栏的主题,但问题是wordpress的管理栏覆盖了我的粘性导航栏,它是使用bootstrap制作的。请帮忙。这是我的导航条形码:

<!-- Fixed navbar -->
    <nav class="navbar navbar-custom navbar-fixed-top" id="nav-nav">
      <div class="container">

          <a class="navbar-brand" href="#"><?php bloginfo(\'name\');?> </a>

        <div id="menu" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
           <?php
            wp_nav_menu( array(
                \'menu\'              => \'primary\',
                \'theme_location\'    => \'primary\',
                \'depth\'             => 2,
                \'container\'         => \'div\',
                \'container_class\'   => \'collapse navbar-collapse\',
                \'container_id\'      => \'bs-example-navbar-collapse-1\',
                \'menu_class\'        => \'nav navbar-nav\',
                \'fallback_cb\'       => \'WP_Bootstrap_Navwalker::fallback\',
                \'walker\'            => new WP_Bootstrap_Navwalker())
            );
        ?>
          </ul>
            <!-- search form-->
            <i class="fa fa-search search-top"></i>
                  <div class="search-form-top">
                     <?php get_search_form(); ?>
                 </div>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

1 个回复
最合适的回答,由SO网友:Chandra Kumar 整理而成

您可以使用加载项尝试此代码functions.php 当前主题的文件:

add_action(\'wp_head\', \'my_wp_head\');
function my_wp_head(){
    echo \'<style>\'
    .PHP_EOL
    .\'body{ padding-top: 70px !important; }\'
    .PHP_EOL
    .\'body.body-logged-in .navbar-fixed-top{ top: 46px !important; }\'
    .PHP_EOL
    .\'body.logged-in .navbar-fixed-top{ top: 46px !important; }\'
    .PHP_EOL
    .\'@media only screen and (min-width: 783px) {\'
    .PHP_EOL
    .\'body{ padding-top: 70px !important; }\'
    .PHP_EOL
    .\'body.body-logged-in .navbar-fixed-top{ top: 28px !important; }\'
    .PHP_EOL
    .\'body.logged-in .navbar-fixed-top{ top: 28px !important; }\'
    .PHP_EOL
    .\'}</style>\'
    .PHP_EOL;
}

结束

相关推荐

Horizontal Navigation

你好我已经和这个问题斗争了几个星期了。尝试各种方法。从CSS样式到自定义walker。我想将每个级别渲染为它自己的元素。导航菜单(在管理中的外观/菜单中定义)由页面、帖子和WooCommerce产品和类别组成。当我在主页上时,我想看到LEVEL 1菜单对象。当我导航到一个级别1页面时,我不想在顶部UL下面的UL中显示它的子级(级别2)。如果导航到级别1(级别2对象)的子级,我希望将其子级渲染为其自己的UL。所附图片显示了此场景,其中显示了所有级别。然而,在最好的情况下,这不应该取决于特定数量的级别。这应该