1
resposta

Imagem do logo não aparece na barra de navegação

Embora a barra de navegação apareça na visualização, não está sendo possível visualizar a imagem da logo. No vídeo ele refencia a imagem no CSS usando a classe ".menu-item-type-custom", porém onde no HTML ele utiliza essa classe?

FUNCTIONS.PHP

function registrar_menu_navegacao() {
    register_nav_menu('header-menu', 'main-menu');
}
add_action('init', 'registrar_menu_navegacao');

HEADER.PHP

        <header>
            <nav class="navbar navbar-expand-sm navbar-light bg-light">

                <?php
                    $args = array(
                        'theme_location' => 'header-menu'
                    );
                    wp_nav_menu( $args );
                ?>

            </nav>
        </header>

STYLE.CSS

.navbar {
    background-image: url(assets/images/header-logo.png);
    background-repeat: no-repeat;
    background-size: cover;
}

Tentei utilizar na minha folha de estilos a classe "menu-item-type-custom" em lugar da classe "Navbar" por pensar que a primeira fosse padrão do Wordpress, mas também não apareceu a imagem.

1 resposta

Oi Joyce, tudo bem? Sugiro colocar a url da imagem entre aspas. A classe ".menu-item-type-custom" é gerada automaticamente pelo WordPress. Mas pode haver divergência no nome da classe de acordo com a versão do WordPress, estou na dúvida.

Tenta colocar a URL entre aspas, acho que ela fica problemática se escrever sem elas.