Задать вопрос
@PlasterTom
javascript

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

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

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

П.С. Решение должно быть без jQuery.
  • Вопрос задан
  • 93 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@PlasterTom Автор вопроса
Оказывается, влиял верхний медиа-запрос, где position было absolute.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@ffqs
Зачем танцы с js? position: fixed работает относительно экрана независимо от вложения в DOM, не надо ничего переносить, просто по media менять css свойства
Ответ написан
1 комментарий
1 комментарий
Amirez
@Amirez
В чем секрет кота Бориса?
Если нужно чтоб он всегда отображался внизу вьюпорта вне зависимости от прокрутки страницы, то ответ выше. Если надо перенести в футер, то лучше добавить в футер еще один номер и отображать его с помощью @media-запросов
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перекрасить 2 вкладыша в новый цвет
18 апр. 2024, в 11:36
300 руб./за проект
Разработать модуль на Python для создания bitcoin транзакций
18 апр. 2024, в 11:20
5000 руб./за проект
Доработать калькулятор, исправить ошибки (PHP, YII2) Часть 3
18 апр. 2024, в 11:12
8200 руб./за проект
Ещё заказы