web-dev-qa-db-fra.com

Masquer un menu à partir de pages spécifiques

J'essaie de masquer complètement la page de menu de cette page:

http://ultimate-templates.com/splash-page

J’utilise Divi 3.0 et j’ai essayé - par le biais de didacticiels en ligne - de le masquer à l’aide des éléments suivants dans ma fiche CSS de styles:

.page-id-27820 top-menu-nav {
display: none important;
}

Cela ne faisait rien, mis à part rendre le menu un peu bizarre (et laisser tomber un peu la loupe de recherche), et j'ai supprimé le code - le bouton de recherche a toujours l’air bizarre.

si quelqu'un pouvait m'aider à supprimer complètement le menu (logo, etc.) de cette page, je lui en serais très reconnaissant!

1
Alex

Création d'une image simple sur la façon d'obtenir les identifiants de page et les attributs de menu. https://dl.dropboxusercontent.com/s/zibhieyo3s6a5bs/Mailbird_2017-01-27_00-57-39.png

Vous devez obtenir le page_id, exactement comme vous l'avez fait:

.page-id-27820 

et cacher le menu, comme ceci:

.page-id-27820 #top-menu-nav {
    display: none;
}

Vous avez oublié le signe #, qui correspond à l'attribut HTML id

id = #
class = .
1
kirillrocks

J'avais le même problème.

J'ai collé le code ci-dessous dans un css personnalisé dans le thème divi

.page-id-28577 #top-menu-nav {
    display: none;
}

.page-id-28577 = classe de corps de la page sur laquelle je ne veux pas afficher de menu

0
Mansoor

Allez à header.php et trouvez la fonction wp_nav_menu();.

Exemple:

    <div class="main-navigation">
        <?php wp_nav_menu(array('theme_location' => 'nav-name')); ?>
    </div>

Vous pouvez l'envelopper dans un chèque pour la page en cours. $post est disponible en tant que variable globale.

<?php if($post->post_name !== 'splash-page'): ?>
    <div class="main-navigation">
        <?php wp_nav_menu(array('theme_location' => 'nav-name')); ?>
    </div>
0
Liam Stewart