Nascondere il Menu da Pagine Specifiche

Question

Nascondere il Menu da Pagine Specifiche

27 gen 2017, 00:52:41

Visualizzazioni: 20.4K

Voti: 3

Sto cercando di nascondere completamente il menu da questa pagina:

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

Sto utilizzando Divi 3.0 e ho provato - seguendo tutorial online - a nasconderlo usando il seguente codice nel mio foglio di stile CSS:

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

Questo non ha funzionato, a parte rendere il menu un po' strano (e far scendere leggermente la lente d'ingrandimento della ricerca), e ho rimosso il codice - il pulsante di ricerca appare ancora strano.

Se qualcuno potesse aiutarmi a rimuovere completamente il menu (e il logo ecc.) da quella singola pagina, sarei molto grato!

Alex

131

menu pagine

Tutte le risposte alla domanda

Commenti

È molto gentile da parte tua, grazie. Dovrei poi inserire quel codice nel file styles.css principale del tema tramite l'editor?

Alex

27 gen 2017 01:07:17

Sì, è il posto giusto. Sarebbe meglio metterlo nel child theme, ma non voglio complicarti la vita :)

kirillrocks

27 gen 2017 01:10:13

kirillrocks 598 · Answer 1 · 2017-01-27T00:59:00Z

Ho creato un'immagine semplice per mostrarti come ottenere l'ID della pagina e gli attributi del menu. https://dl.dropboxusercontent.com/s/zibhieyo3s6a5bs/Mailbird_2017-01-27_00-57-39.png

Devi ottenere il page_id, esattamente come hai fatto:

.page-id-27820

e nascondere il menu, in questo modo:

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

Hai dimenticato il simbolo #, che rappresenta l'attributo html id

id = #
class = .

kirillrocks

598

27 gen 2017 00:59:00

Liam Stewart 997 · Answer 2 · 2018-12-05T20:26:20Z

Vai nel file header.php e cerca la funzione wp_nav_menu();.

Esempio:

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

Puoi racchiuderla in un controllo per la pagina corrente. La variabile $post è disponibile come variabile globale.

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

Liam Stewart

997

5 dic 2018 20:26:20

Mansoor 1 · Answer 3 · 2018-12-05T10:09:08Z

Stavo avendo lo stesso problema.

Ho incollato il codice qui sotto nel CSS personalizzato del tema Divi

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

.page-id-28577 = classe del body della pagina su cui non voglio mostrare il menu

Mansoor

1

5 dic 2018 10:09:08

A.T 1 · Answer 4 · 2017-01-27T00:56:15Z

Prova questo:

.container.clearfix.et_menu_container { display: none; }

A.T

1

27 gen 2017 00:56:15