Адаптивное меню как на этом сайте

Сообщение **Freedom** » 07 июл 2018, 17:51

Добрый день!

Подскажите, пожалуйста, можно ли сделать адаптивное меню, как на этом сайте: http://batiik.fr/
Интересует именно мобильная версия. При сворачивании до точки 320 px или 768 px на этом сайте все плавно происходит, лого не скачет, меню разворачивается идеально.
Я использую 14 версию, официальную. Пробую создать сайт на сетке. Сейчас у меня лого и адаптивное меню на сетке, сетка поделена на два деления (если правильно выражаюсь). Но при предпросмотре именно до сворачивания 320 px. лого скачет вверх, меню чуть ниже, при этом разворачивается и налезает на картинку, либо же двигает картинку вниз, вообщем все корявое какое-то. Перепробовала разные варианты меню, меняла настройки сетки, ничего не вышло.
Я явно что-то делаю не так, возможно есть настройки какие? Прикрепляю картинку, как у меня сейчас при просмотре получается.
Помогите, пожалуйста!

Сообщение **sinpai** » 07 июл 2018, 18:46

Покажите ваш проект.

Сообщение **Alex15963** » 08 июл 2018, 00:26

Поделите сетку на 3 части. Если брать как пример тот сайт, что вы дали, то это будет 2;9;1 Там где 2 поставьте лого, где 9 - CSS меню, где 2 - моб. меню и скройте его. На мобильной версии CSS скройте, мобильное откройте. Но лучше все-же будет делать шапку на слое.

Сообщение **Freedom** » 08 июл 2018, 02:43

sinpai[/ref, вот проект, только в архиве, а то так не грузится

Отправлено спустя 19 секунд:
[ref=#000080]Alex15963, спасибо, попробую