Как перенести span из хэдера?

Question

[PlasterTom]

В хэдере есть span c номером телефона.
Нужно чтобы для мобильной версии он становился фиксированным, прибитым к низу страницы.

Пытаюсь через js перенести его с хэдера на боди, установив фиксированное позиционирование, bottom: 5px;
Но он упорно прибивается к низу хэдера.

П.С. Решение должно быть без jQuery.

Answer 1

[PlasterTom]

Оказывается, влиял верхний медиа-запрос, где position было absolute.

Answer 2

[ffqs]

Зачем танцы с js? position: fixed работает относительно экрана независимо от вложения в DOM, не надо ничего переносить, просто по media менять css свойства

Comments

[PlasterTom]

Почему-то не работает. Фиксируется на хэдере(

Answer 3

[Амир Алимжанов]

Если нужно чтоб он всегда отображался внизу вьюпорта вне зависимости от прокрутки страницы, то ответ выше. Если надо перенести в футер, то лучше добавить в футер еще один номер и отображать его с помощью @media-запросов