Question

我使用Materialise创建了一个新主题，但是出现了一个问题下面，我添加了该问题的屏幕截图。

现在我的问题是，我该如何解决这个问题？我希望导航栏完全位于管理栏下。
我可以使用padding或margin，但是当管理栏被禁用时会显示（除了我之外，它将适用于所有用户）。

我希望有人可以帮我修复它：）

干杯

编辑：在这里，让我使用的代码（使用一些Wordpress的东西）：

＆＃13;

<header>
    <div class="navbar-fixed">
        <nav> 
            <div class="nav-wrapper container"> 
                <a href="<?php echo esc_url( get_home_url( null, null, 'relative' ) ); ?>" class="brand-img img-responsive">
                    <img src="https://www.finlaydag33k.nl/wp-content/uploads/2016/08/logo-FDG-300-01-300x300.png">
                </a>                 
                <ul id="nav-mobile" class="right hide-on-med-and-down"> 
                    <li>
                        <a href="#" data-activates="side-nav-150" class="button-collapse show-on-large"><i class="material-icons"><?php _e( 'menu', 'finlaydag33k' ); ?></i></a>
                    </li>                     
                </ul>                 
            </div>             
        </nav>
    </div>
    <ul class="side-nav" id="side-nav-150"> 
        <?php wp_nav_menu( array(
                'menu' => 'Main Menu',
                'container' => '',
                'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
                'walker' => new wp_bootstrap_navwalker()
        ) ); ?>
        <?php if ( is_active_sidebar( 'right_sidebar' ) ) : ?>
            <div id="sidebar">
                <?php dynamic_sidebar( 'right_sidebar' ); ?>
            </div>
        <?php endif; ?> 
    </ul>
</header>

＆＃13;

Answer 1

将导航栏类更改为导航栏固定，这会在导航修复后抵消其他内容。

Answer 2

尝试移动.navbar-fixed

之外的sidenav

<header>
    <div class="navbar-fixed">
        <nav>
            <div class="nav-wrapper"> <a href="#!" class="brand-logo">Logo</a>
                <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
                <ul class="right hide-on-med-and-down">
                    <li><a href="sass.html">Sass</a></li>
                    <li><a href="badges.html">Components</a></li>
                    <li><a href="collapsible.html">Javascript</a></li>
                    <li><a href="mobile.html">Mobile</a></li>
                </ul>
            </div>
        </nav>
    </div>


    <ul class="side-nav" id="mobile-demo">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
    </ul>
</header>

Answer 3

将#include <stdio.h> int main(void) { FILE *file; int ch; file = fopen("file.txt", "rb+"); if (file == NULL) { printf("Error: cannot open file.txt\n"); return 1; } else { while ((ch = fgetc(file)) != EOF) { if (islower(ch)) { fseek(file, -1L, SEEK_CUR); putc(toupper(ch), file); fseek(file, 0L, SEEK_CUR); } } fclose(file); return 0; } }添加到<?php body_class(); ?>标记为我解决了问题：）

在Wordpress管理栏下实现侧面导航

3 个答案: