Сразу к задаче, дамы и господа.
Имеется структура:
<header class="hidden-phone">
<h1 class="logo" .. />
<div>
<nav class="pages" ../>
<div id="search" />
</div>
<div class="phone" />
<div class="login" />
<nav class="category" ../>
</header>
Как заставить некоторые блоки или целые куски html кода перетаскивать?
На пример, что бы структура выше при просмотре на моб. устройствах или таблетках, было типа такого:
<div class="visible-phone">
<nav class="pages+category+login" />
<header>
<h1 class="logo" />
<div class="tools" />
</header>
<div id="search" />
Силами css, не знаю как это сделать, дублировать контент, что бы скрывать их: пк/моб. устройства - не вариант. Ибо в результате контент будет повторяться.