Как удалить удалить логотип со скользящей боковой панели в теме WordPress на мобильных устройствах

css #wordpress #web-deployment #mobile-website

#css #wordpress #веб-развертывание #мобильный-веб-сайт

Вопрос:

Я ищу помощи в решении проблемы, с которой я столкнулся при разработке веб-сайта для одного из моих клиентов. На рабочем столе все в порядке, однако на мобильных устройствах на скользящей боковой панели / навигации есть логотип, который я хотел бы удалить. Я пробовал различные решения, найденные с помощью общих поисковых запросов в Интернете, но безрезультатно. Сайт, о котором я спрашиваю, — Easter Seafood Enterprise Limited. Есть ли какое-либо решение или CSS, которые я могу добавить для решения этой проблемы? P.S логотип на странице в порядке и должен оставаться, я бы хотел удалить только логотип на боковой панели (мобильные устройства).

1. Чтобы получить помощь, лучше всего, если вы можете включить соответствующие фрагменты кода, которые управляют этим логотипом и функцией боковой панели, а также показывают, что вы уже пытались решить проблему. Обычно этот сайт предназначен для ответов на конкретные вопросы по кодированию, а не для устранения неполадок на основе ссылки, которая может измениться / исчезнуть в любой момент. Вместо того, чтобы смотреть на сайт, если мы посмотрим на код, то этот вопрос будет полезен и другим людям в будущем.

Ответ №1:

Если нет возможности удалить логотип в панели мобильной навигации для вашей темы с помощью настройщика или через Параметры / настройки темы, вы можете сделать это с помощью следующего CSS:

 .navbar-mobile .logo {
    display: none;
}

Если вы щелкните правой кнопкой мыши на панели навигации и выберите проверить элемент, вы должны увидеть, что класс:

«navbar-desktop» <div id="navbar" class="navbar-collapse collapse navbar-desktop" data-mobile-screen-width="1200"> заменяется на «navbar-mobile» с точкой останова 1200px : <div id="navbar" class="navbar-collapse collapse navbar-mobile" data-mobile-screen-width="1200"> .

Таким образом, вы можете использовать этот класс .navbar-mobile для таргетинга на мобильный логотип в панели навигации только с помощью приведенного выше CSS.

Если вы не хотите использовать CSS для достижения этой цели, другой способ — скопировать navbar.php файл (или любой другой файл, содержащий код для отображения панели навигации) из родительской темы в дочернюю тему и удалите / закомментируйте строку, которая добавляет логотип в панель мобильной навигации.