Задать вопрос
Qurel
@Qurel
css

Как переместить логотип в другой блок в мобильной версии?

Есть блок header, который делится на header-top и header-main. В десктопной версии логотип наxодится в header-main, в мобильной версии его нужно поставить в header-top:
5c3fa6cae0fc9120060009.jpeg5c3fa6dc5f168632316556.jpeg
  • Вопрос задан
  • 200 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 2
LenovoId
@LenovoId
svg, css,js
Самое простое продублировать - один скрыть другой показать
в медиа запросе скрыть тот что не нужен показать тот что нужен
Ответ написан
Комментировать
Комментировать
@glagolew059
frontend developer
как-то так можно (медиа замените на свои):
if (window.matchMedia('(max-width: 767px)').matches) {
    $(".header-top").append($('.logo'));
} else {
    $(".header-main").append($('.logo'));
}

append заменяйте на свой код в необходимости от положения логотипа внутри .header-main и .header-top

хотя я бы дублировал лого и показывал/скрывал их медизапросами
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ChingizMuellim
@ChingizMuellim
FrontEnd, React Js
Менять структуру DOM можно через JavaScript, но есть вопрос, зачем? Перед вёрсткой или программированием надо обдумать, что будет дальше. Обдумайте зачем вам нужна такая реализация? Может заранее вынести его или вообще не надо.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать аудит сайта
19 апр. 2024, в 12:53
1000 руб./за проект
Требуется доработка бота
19 апр. 2024, в 12:41
8000 руб./за проект
Доработать сайт на React + Nest
19 апр. 2024, в 12:05
1500 руб./в час
Ещё заказы