Один и тот же элемент в разных местах макета от @media?

Question

[pavelmosin]

Добрый день!
К примеру, есть меню в шапке, а на мобильных это же самое меню должно быть в футере.
Как рациональней его туда поместить?
- сделать 2 одинаковых элемента и скрывать/показывать их от @media
- сделать 1 элемент, и перемещать его средствами jQuery?

Comments

[WapSter]

его достаточно легко и правильнее перемещать, но за такое нужно дизайнерам руки отрывать

Answer 1

[Анатолий Куликов]

С помощью jQuery делайте.

Мне почему то показалось, что меню в Вашем случае может выглядеть как плашка, фиксированно находящаяся в нижней части экрана. Тогда в этом случае можно будет обойтись CSS, а js-oм по необходимости его структуру перестроить.

Как дополнительный вариант - при отдаче страницы с сервера проверять тип устройства и в зависимости от этого выводить меню в нужном месте. Есть под это дело готовый модуль.

Comments

[pavelmosin]

Пример просто из головы взял.
Был макет, где было ~10 элементов с количеством позиций ~5 у каждого