Ocultar Menú en Páginas Específicas

Question

Ocultar Menú en Páginas Específicas

27 ene 2017, 00:52:41

Vistas: 20.4K

Votos: 3

Estoy tratando de ocultar completamente el menú de esta página:

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

Estoy usando Divi 3.0, y he intentado - siguiendo tutoriales en línea - ocultarlo usando lo siguiente en mi hoja de estilos CSS:

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

Eso no hizo nada, excepto hacer que el menú se viera un poco extraño (y bajar un poco la lupa de búsqueda), y eliminé el código - el botón de búsqueda todavía se ve extraño.

¡Si alguien pudiera ayudarme con cómo eliminar completamente el menú (y el logotipo, etc.) de esa página específica, lo agradecería mucho!

Alex

131

menús páginas

Todas las respuestas a la pregunta

Comentarios

Eso es muy amable de tu parte, gracias. ¿Entonces colocaría ese código en el archivo principal styles.css del tema a través del editor?

Alex

27 ene 2017 01:07:17

Sí. Ese es el lugar adecuado. Sería mejor ponerlo en el tema hijo, pero no quiero complicarte :)

kirillrocks

27 ene 2017 01:10:13

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

Creada una imagen simple para ti sobre cómo obtener el ID de página y los atributos del menú. https://dl.dropboxusercontent.com/s/zibhieyo3s6a5bs/Mailbird_2017-01-27_00-57-39.png

Necesitas obtener el page_id, exactamente como lo hiciste:

.page-id-27820

y ocultar el menú, así:

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

Olvidaste el signo #, que representa el atributo HTML id

id = #
class = .

kirillrocks

598

27 ene 2017 00:59:00

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

Ve a header.php y busca la función wp_nav_menu();.

Ejemplo:

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

Podrías envolverla en una verificación para la página actual. La variable $post está disponible como variable global.

<?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

Tenía el mismo problema.

Pegué el siguiente código en el CSS personalizado del tema Divi:

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

.page-id-28577 = clase del cuerpo (body class) de la página donde no quiero que aparezca el menú

Mansoor

1

5 dic 2018 10:09:08

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

Prueba esto:

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

A.T

1

27 ene 2017 00:56:15