Смещается картинка, что делать?

Question

[Ivan Ivanovich]

Здравствуйте. Решил на свою голову добавить картинку в header, думал, чтобы красивее смотрелась сделать так, чтобы край чуть выглыдывал за пределы. Собственно говоря 3 проблемы:

1. При прокрутке страницы вниз значок тоже смещается.

2. При адаптации под ширину экрана 361px картинка при прокрутке не остаётся на своём месте.

3. Хотел дать h1 text-align: center, не получилось.

Подскажите пожалуйста, в чём проблемы, вот код - https://jsfiddle.net/patd1854/1/

Answer 1

[Арсений Матыцин]

1. Вкладывать в Hn в a нельзя (в широком смысле — блочные в инлайновые)
2. Позиционирование\марджины\трансформирование в помощь

Answer 2

[inzeppelin]

position: fixed; -> position: absolute;

Comments

[Ivan Ivanovich]

Не помогло.

[DanKud]

Ivan Ivanovich, все верно вам написали. Вместо position: fixed нужно указать position: absolutehttps://codepen.io/anon/pen/rRopWW?editors=1100#0

[Ivan Ivanovich]

DanKud, Да это из-за FF. Что-то тут криво отображается всё.