Скрытие меню на определенных страницах

Question

Скрытие меню на определенных страницах

27 янв. 2017 г., 00:52:41

Просмотры: 20.4K

Голосов: 3

Я пытаюсь полностью скрыть меню на этой странице:

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

Я использую Divi 3.0 и пытался – следуя онлайн-руководствам – скрыть его, добавив следующий код в мой файл styles.css:

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

Это не дало никакого результата, кроме того, что меню стало выглядеть немного странно (и значок поиска с лупой опустился немного вниз). Я удалил этот код, но кнопка поиска все еще выглядит некорректно.

Если кто-то может помочь мне полностью убрать меню (и логотип и т.д.) с этой конкретной страницы, я был бы очень признателен!

Alex

131

меню страницы

Все ответы на вопрос

Комментарии

Это очень мило с вашей стороны, спасибо. Мне нужно поместить этот код в основной файл styles.css темы через редактор?

Alex

27 янв. 2017 г. 01:07:17

Да. Это правильное место для него. Лучше поместить его в дочернюю тему, но я не хочу усложнять вам задачу :)

kirillrocks

27 янв. 2017 г. 01:10:13

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

Создал для вас простую иллюстрацию о том, как получить ID страницы и атрибуты меню. https://dl.dropboxusercontent.com/s/zibhieyo3s6a5bs/Mailbird_2017-01-27_00-57-39.png

Вам нужно получить page_id, точно как вы это сделали:

.page-id-27820

и скрыть меню, вот так:

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

Вы забыли знак #, который обозначает HTML-атрибут id

id = #
class = .

kirillrocks

598

27 янв. 2017 г. 00:59:00

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

Перейдите в файл header.php и найдите функцию wp_nav_menu();.

Пример:

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

Вы можете обернуть её в проверку текущей страницы. Глобальная переменная $post доступна для использования.

<?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 дек. 2018 г. 20:26:20

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

У меня была такая же проблема.

Я вставил следующий код в пользовательский CSS в теме Divi:

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

.page-id-28577 = класс body страницы, на которой я не хочу показывать меню

Mansoor

1

5 дек. 2018 г. 10:09:08

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

Попробуйте это:

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

A.T

1

27 янв. 2017 г. 00:56:15