Ссылка на сайт логотип работает только внизу

Question

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

Мой сайт chattrd.com/htdocs.

Я попытался положить в <div> внутри <a> теги и положить половину <div> в <a> тегов. Ни одно из этих решений не работало.

Answer 1

Легкие способы:

• Удалить position: relative из

  .navigation-primary_right { 
      position: relative; 
      text-align: right; 
  } 
  

Или

• Вставка z-index:1 в

  .header_brand { 
      position: absolute; 
  } 
  

Но я рекомендую вам не использовать position:absolute. Вместо этого я бы использовал что-то вроде

.header_brand { 
    float: left; 
} 
.header-primary_container { 
    overflow: hidden; 
    position: relative; /* Optional */ 
}