Почему ссылка не работает на логотипе? И еще вопрос по адаптивности?

Question

[Петр Волханов]

Добрый вечер!

Почему ссылка не работает на логотипе? Вот ссылка на сайт. И еще вопрос как мне для мобильных устройств поставить объекты в подвале друг под другом и отцентрировать? Также было бы круто если бы Вы посмотрели какие еще есть недостатки в адаптивности этого сайта и как их можно решить?

Заранее спасибо!

Answer 1

[Дмитрий Гординский]

.logo-holder {
    position: absolute;
    left: 63%;
    z-index: -1000;
}

Столь суровый z-index тут точно нужен?

Comments

[Петр Волханов]

Убрал z-index ссылка заработала! Спс

[Сергей Горячев]

Только ссылка стала на половину шапки)

[Петр Волханов]

Sergey Goryachev а как лучше подправить?

[Сергей Горячев]

Я уже говорил, ограничить высоту A, в моем ответе это было.

[Петр Волханов]

Sergey Goryachev задал, 300 на 300 пикселей

Answer 2

[Роман]

А для чего z-index: -1000 ? Если убрать, то ссылка на лого будет работать:



По поводу адаптивности, создавайте медиа-запросы и корректируйте css элементов, так как вам нужно, например в соответствии с макетом дизайнера

Comments

[Петр Волханов]

Убрал z-index ссылка заработала! Спасибо

[Петр Волханов]

Роман Жариков дело в том, что макета нет

Answer 3

[Сергей Горячев]

Ссылку нужно сделать блочным элементом.
a { display: block; } и нужно убрать там z-index: -1000;.
а также задать какие-то величины ширины и высоты.

Вопрос с подвалом решить легко благодаря flexbox и медиа-запросам.
Описывать весь код не буду, только подтолкну к мысли.
Для десктопной версии flex-direction: row; для мобильной - flex-direction: column;.

Comments

[Роман]

все нынче помешались на flexbox)

[Петр Волханов]

там все задано уже...

[Петр Волханов]

а для каких конкретно элементов в футере задавать flexbox?

[Сергей Горячев]

Роман Жариков: ну, что сказать. Если флекс удобный инструмент для работы, то почему бы не использовать? Костылить для 8-го ИЕ уже не интересно.

[Сергей Горячев]

Евгений Привалов: Для #footer. И для мобильников менять.

[Сергей Горячев]

Евгений Привалов: Картинку с компасом лучше сделать псевдоэлементом у блока с контентом. А то будет мешаться, как и сейчас.

[Петр Волханов]

Sergey Goryachev сделал флексбокс для футера...

[Сергей Горячев]

Евгений Привалов: Ну, уже почти нормально. Осталось убрать лишние маргины, паддинги и всё встанет на свои места. Именно для мобильной версии.