У меня возникла проблема с меню навигации на моем веб-сайте

У меня возникла проблема с меню гамбургеров в основном меню моего веб-сайта. Он работает везде правильно, но когда вы находитесь в записи блога или любой отдельной записи, перечисленные там страницы не работают, и вверху страниц появляется черный ховер. Пожалуйста, просто выясните, в чем корень ошибки.

Вы можете проверить прикрепленный видеофайл, чтобы увидеть проблему. https://www.screencast.com/t/MgB2tSvs

Подскажите, пожалуйста, куда именно мне вставить код?

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
2
0
68
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Пожалуйста, увеличьте число z-индекса в левом меню навигации, чтобы оно было больше, чем верхняя часть навигации на странице блога.

Привет. Спасибо, мистер Кен Ли и Томас Либерато, за вашу помощь. Не могли бы вы помочь мне в дальнейшем, где именно я должен добавить предоставленный вами код, я не очень хорошо знаком с CSS.

Abu Zar Mishwani 14.12.2020 07:42

Вы должны создать дочернюю тему и написать этот код CSS в style.css. Дополнительная информация: stackoverflow.com/questions/40923879/…

Thomas LIBERATO 14.12.2020 13:57

Уважаемый Томас, я добавил предоставленный вами код в style.css дочерней темы, но проблема осталась. Любая альтернатива, чтобы избавиться от этой проблемы?

Abu Zar Mishwani 14.12.2020 14:59
Ответ принят как подходящий

Вы можете попробовать скрыть это наложение:

@media only screen and (min-width: 1025px)
html.g1-off-outside.g1-off-global-desktop .g1-canvas-overlay {
    display: none;
}

Или вы можете увеличить z-индекс вашего меню:

@media only screen and (min-width: 1025px)
html.g1-off-outside.g1-off-global-desktop .g1-canvas {
    width: 320px;
    -webkit-overflow-scrolling: touch;
    transition: width .5s ease-in-out;
    z-index: 998;
}

Привет. Спасибо, мистер Кен Ли и Томас Либерато, за вашу помощь. Не могли бы вы помочь мне в дальнейшем, где именно я должен добавить предоставленный вами код, я не очень хорошо знаком с CSS.

Abu Zar Mishwani 14.12.2020 07:41

Другие вопросы по теме