Я создаю адаптивный дизайн сайта.

В основном, когда порт просмотра ниже, чем X, я хочу показать меню в нижней части страницы.

ПРИМЕР ССЫЛКА МЕРТВЫЙ - САЙТ НЕ ДОЛГО МЕНЯ

Если вы измените размер окна браузера, вы заметите 3 разных дизайна (на основе дизайна конечной цели, а не типов устройств)

V1: больше, чем 999px, вы увидите красный прямоугольник слева вверху, синий прямоугольник рядом с красным прямоугольником.

V2: между 600px и 999px, вы заметите, что красная коробка становится меньше, синяя коробка теперь находится под красной рамкой

v3: Менее 600px, вы снова заметите, что красная коробка становится меньше, а синяя коробка теперь желтая.

По сути, в V3 я хочу сделать теперь желтую коробку, сидеть под зеленой рамкой, над серой рамкой

так что порядок идет красный ящик зеленый ящик желтый ящик серый ящик

Кроме скверного скрытия старого div, покажите новый div hack (технику) или версию JS (уходит от CSS Responsive) Есть ли способ переместить это.

CSS находится внутри файла, поэтому просмотр исходного кода показывает все.

ура