Не удается щелкнуть главную кнопку на панели навигации В Wordpress

Question

Когда я нажимаю кнопку «Домой» на панели навигации в моей пользовательской теме Wordpress, не может дать никакого ответа, например, открыть домашнюю страницу. Пожалуйста, уточните my own theme по этой ссылке для получения дополнительной информации. Скриншот Его домашняя кнопка ниже:

Здесь CSS стиль для панели навигации:

.navbar-header { 
    position: relative; 
} 

.navbar-brand { 
    float: left; 
    padding: 15px 15px; 
    font-size: 18px; 
    line-height: 20px; 
    height: 50px; 
} 

Я пытался исправить это, но до сих пор не удача

Answer 1

Проблема заключается в том, что div «navbar-collapse» имеет полную ширину и сидит сверху кнопки. Поэтому, когда вы пытаетесь нажать кнопку, вы на самом деле нажимаете «navbar-collapse».

Для быстрого исправления вы можете:

• дают "NavBar-коллапс" ширину и установить его на "поле: 0 авто;". Он больше не будет накладываться на вашу кнопку.

или

• увеличение Z-индекс "NavBar-заголовка" -> Z-индекс 21 будет делать в вашем случае

Answer 2

CSS

.navbar-header { 
    /* your own styles */ 
    z-index:9999; 
} 

li в .collapse .navbar-collapse лежит на вашем навигаторе. Вы щелкаете эту часть вместо своего заголовка. С z-index вы возвращаете заголовок вверх.

Answer 3

Уже <div class="collapse navbar-collapse"> имеет Z-индекс: 20 , Таким образом, он накладывается на ваш основной навигационный бар.

Используйте ниже CSS

.navbar-header { 
    z-index: 21; 
} 

Answer 4

Изменение вы Css .. потому что его ширина составляет 100%, а его перекрывая кнопку Home .. Line no 246 in style.css

.navbar-default .navbar-collapse, .navbar-default .navbar-form{ 
    width: 80%; 
    margin: 0px auto;}