<a> в шапке: работает только часть?

Question

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

Однако это не так.Между A и N в «Джонатане» случайным образом перестает работать.Есть ли способ, как я могу это исправить?Спасибо!

Answer 1

Ваши ссылки в меню слишком широкие - в них содержится поле, перекрывающее ваш логотип.

Уменьшите его ширину, и вам следует хорошо идти.1007 *

... wp-content / themes / thematic / library / layouts / 2c-r-fixed.css

в этом файле CSS ширина .menu равна 940px;

Редактировать:

Наряду с уменьшением ширины увеличьте .menu-home-container margin-left (в настоящее время около 30?1022 *

Answer 2

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

.menu-home-container {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    text-shadow: 0 -1px 0 black;
    }
#navigation {
  float: right;
}
.menu {
    line-height: 44px;
    margin: 0;
    }

Answer 3

Проблема ваша ul.menu.

Это перекрывает ваше имя.

EDIT

При ближайшем рассмотрении, это float:left; в вашем #blog-title, который вас сбивает с толку. Измените его на display:inline-block;, и все должно быть хорошо.

#blog-title {
    display: inline-block;
}

Это сохраняет его в потоке документов