Intereting Posts
Удаление custom_image_header из wp_head Проблема с интеграцией карусели Bootstrap Не передать правильное значение get_post_ancestors? Используйте галерею изображений, такую ​​как woocommerce, в пользовательском типе сообщений Сервер Multisite move, предоставляющий цикл перенаправления Проверьте, активна ли боковая панель на странице с идентификатором Как зарегистрировать пользовательский виджет меню Тема ребенка не перестает родительскую тему как сделать домашнюю страницу для пользовательской темы WordPress Почему изображения загружаются в основной домен при использовании нескольких объектов с разными доменами? Как создать повторяющееся поле в метабоксе, если я следую учебнику wppb.io? Постоянная ссылка на пост-перенаправление на категорию без рубрики Закажите дополнительный мета-ключ? Как получить HTTP POST в WP? Информация о перенаправлении / POST в URL-адрес сообщения подпапки

WordPress – изображение href для домашнего меню nav не работает

У меня есть изображение, связанное с элементом li из navbar в wordpress.

Все работает нормально, но когда я наводил указатель мыши на изображение, он также отображает зависание элемента меню в списке.

Как я могу скрыть это, когда он связан с изображением?

Это код php для этого (из nav-menu-template.php):

if( $args->theme_location == 'primary' ) return "<li id='menu-item-1000' class='menu-item menu-item-type-post_type menu-item-object-page menu-item-1000'><a class='logo' href='http://razvanwork.esy.es/exelo'><img style='position:absolute;top:-20px;left:-125px;z-index:200;max-width: 402%; ' src='http://razvanwork.esy.es/exelo/wp-content/uploads/2014/02/LogoPrelucrat.png' alt='Exelo' ></a></li>".$items; 

Я добавляю изображение, чтобы показать, что он делает: введите описание изображения здесь

Класс, используемый для якорного тега вашего навигационного меню, имеет селектор css :hover . Поскольку логотип изображения добавлен с привязным тегом, он считается частью ссылки, и стиль зависания влияет на него, как если бы это была любая другая ссылка в вашем навигационном меню.

Решения

  • Найдите другой способ добавить логотип на свой сайт.

  • Используйте другой класс для этого конкретного тега привязки, который используется остальной частью меню навигации.

  • Добавьте уникальный класс к этому тегу привязки и сбросьте стиль для селектора :hover . Наиболее заметным стилем здесь, вероятно, является backgound-color , но обратитесь к стилю вашего навигационного меню :hover чтобы определить используемые свойства.