带有 Divi 的 Wordpress 在主菜单中不显示显示徽标

Question

嗨，我在一个使用 Wordpress、Divi 和 child 主题制作的网站上工作。我有一个带有导航的 header，徽标以导航为中心。当我连接时 header 很好，但当我未连接时（如访客），徽标显示：none 并且不在导航列表中。 header 由 WordPress 生成，标志插入到 Divi 设置的常规部分。

这是我连接到后台时的代码

<header id="main-header" data-height-onload="66">
    <div class="container clearfix et_menu_container">
        <div id="et-top-navigation" data-height="66" data-fixed-height="66">
            <nav id="top-menu-nav">
                <ul id="top-menu" class="nav">
                   <li id="menu-item-993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-993"><a href="https://dev.lacaravelleverte.com/plantes-et-epices/">Plantes et Épices</a></li>
                   <li id="menu-item-758" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-758"><a href="https://dev.lacaravelleverte.com/les-coffrets/">Les coffrets</a></li>
                   <li id="menu-item-994" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-994"><a href="https://dev.lacaravelleverte.com/accessoires/">Accessoires</a></li>
                   <li class="centered-inline-logo-wrap">
                      <div class="logo_container">
                         <span class="logo_helper"></span>
                         <a href="https://dev.lacaravelleverte.com/">
                            <img src="https://dev.lacaravelleverte.com/wp-content/uploads/2020/07/logo-caravelle-verte.svg" alt="La Caravelle Verte" id="logo" data-height-percentage="100">
                         </a>
                      </div>
                   </li>
                   <li id="menu-item-5143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5143">
                     <a href="#">Qui sommes-nous ?</a>
                     <ul class="sub-menu">
                       <li id="menu-item-756" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-756"><a href="https://dev.lacaravelleverte.com/qui-sommes-nous/">Notre Histoire</a></li>
                       <li id="menu-item-1150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1150"><a href="https://dev.lacaravelleverte.com/nos-certifications/">Nos certifications</a></li>
                     </ul>
                   </li>
                   <li id="menu-item-757" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-757"><a href="https://dev.lacaravelleverte.com/les-producteurs/">Les producteurs</a></li>
                   <li id="menu-item-831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"><a href="https://dev.lacaravelleverte.com/blog-recettes/">Blog &amp; Recettes</a></li>
                </ul>
            </nav>
            <div id="et_mobile_nav_menu">
                <div class="mobile_nav closed">
                    <span class="select_page">Sélectionner une page</span>
                    <span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
                </div>
            </div>              
        </div> <!-- #et-top-navigation -->
    </div> <!-- .container -->
    <div class="et_search_outer">
        <div class="container et_search_form_container">
            <form role="search" method="get" class="et-search-form" action="https://dev.lacaravelleverte.com/">
                <input type="search" class="et-search-field" placeholder="Rechercher …" value="" name="s" title="Rechercher:">                  
            </form>
            <span class="et_close_search_field"></span>
        </div>
    </div>
</header>

这是我未连接到后台时的代码

<header id="main-header" data-height-onload="66">
    <div class="container clearfix et_menu_container">
        <div class="logo_container">
            <span class="logo_helper"></span>
            <a href="https://dev.lacaravelleverte.com/">
                <img src="https://dev.lacaravelleverte.com/wp-content/uploads/2020/07/logo-caravelle-verte.svg" alt="La Caravelle Verte" id="logo" data-height-percentage="100">
            </a>
        </div>
        <div id="et-top-navigation" data-height="66" data-fixed-height="66">
            <nav id="top-menu-nav">
                <ul id="top-menu" class="nav">
                   <li id="menu-item-993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-993"><a href="https://dev.lacaravelleverte.com/plantes-et-epices/">Plantes et Épices</a></li>
                   <li id="menu-item-758" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-758"><a href="https://dev.lacaravelleverte.com/les-coffrets/">Les coffrets</a></li>
                   <li id="menu-item-994" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-994"><a href="https://dev.lacaravelleverte.com/accessoires/">Accessoires</a></li>
                   <li id="menu-item-5143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5143">
                     <a href="#">Qui sommes-nous ?</a>
                     <ul class="sub-menu">
                       <li id="menu-item-756" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-756"><a href="https://dev.lacaravelleverte.com/qui-sommes-nous/">Notre Histoire</a></li>
                       <li id="menu-item-1150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1150"><a href="https://dev.lacaravelleverte.com/nos-certifications/">Nos certifications</a></li>
                     </ul>
                   </li>
                   <li id="menu-item-757" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-757"><a href="https://dev.lacaravelleverte.com/les-producteurs/">Les producteurs</a></li>
                   <li id="menu-item-831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"><a href="https://dev.lacaravelleverte.com/blog-recettes/">Blog &amp; Recettes</a></li>
                </ul>
            </nav>
            <div id="et_mobile_nav_menu">
                <div class="mobile_nav closed">
                    <span class="select_page">Sélectionner une page</span>
                    <span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
                </div>
            </div>              
        </div> <!-- #et-top-navigation -->
    </div> <!-- .container -->
    <div class="et_search_outer">
        <div class="container et_search_form_container">
            <form role="search" method="get" class="et-search-form" action="https://dev.lacaravelleverte.com/">
                <input type="search" class="et-search-field" placeholder="Rechercher …" value="" name="s" title="Rechercher:">                  
            </form>
            <span class="et_close_search_field"></span>
        </div>
    </div>
</header>

我们可以看到徽标容器在移动。当我连接时，它在导航列表中，当我未连接时，它不在导航列表中。我没有触及 child 主题的 header.php 中的任何内容。就是因为我没有想法。

我希望我差不多清楚了。

谢谢你的时间。

Answer 1

它似乎对我有用（？）

Answer 2

对不起，我解决了。是WP Rocket的配置！谢谢你的时间！

带有 Divi 的 Wordpress 在主菜单中不显示显示徽标

Wordpress with Divi does not show display logo in main menu

css

php

wordpress

divi