Как спустить этот блок вниз?

Question

[Evgeniy]

vashtur-tula.ru
На данном сайте, в мобильной версии, меню наверху над шапкой, но должно быть под шапкой. Я позиционирование absolute убрал но меню все равно наверху. Можете подсказать как меню спустить под шапку?

Answer 1

[ReActor Дмитрий Вершанский]

Используйте медиа-запросы:

@media screen and (min-width: 320px) and (max-width: 768px) {
   /* здесь пишите привычные css свойства и их значения для достижения нужного вам позиционирования */
}

Comments

[Evgeniy]

Конечно, я это понимаю, однако я не могу понять почему меню наверху и как его спустить под шапку?

[ReActor Дмитрий Вершанский]

Задайте для блока с шапкой position: absolute; top: 0;
Далее margin-top для меню на необходимую величину

Answer 2

[khomaldi]

В самом html у вас сначала идёт меню <div class="slicknav_menu">, а уже потом шапка <div id="head-wrapper">.

P.S. Пожалуйста, пересмотрите цветовую составляющую дизайна. Цветовой круг от Adobe поможет вам.