@Ib0bI

Как сделать такое меню на сайте?

Каким образом на сайте можно сделать такое меню для мобильных устройств?
5d509ffc8905d939923465.png
Cайт :Тык
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
rustam_kuliev88
@rustam_kuliev88
Делаете блок к примеру:
https://codepen.io/Patak/pen/QpLpOV

Разметку Вам накидал, предварительно подключите fontawesome 5 версии

Как только закинете на сайт, для блока nav добавьте класс к примеру .mob_menu

Сделайте ему по умолчанию display: none;

В media под нужные экраны сделайте его display: block;

Поскольку он в абсолюте, и bottom у него 0, он будет внизу экрана

Дальше вставляйте ссылки на нужны разделы, если нужна какая то еще всплывающая к примеру меню, то тут уже JS подключать и вешать событие на клик, так же добавляем блок он dipslay none а по клику добавляем ему позиционирование и display block время анимации, можно самое простое hide и show(1000) к примеру.
Если нужен фон как на примере то тут посмотрите в исходном сайте это либо before псевдо класс, либо png картинка, самый простой вариант скопировать стили и js из сайта донора и не ломать голову)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
OtshelnikFm
@OtshelnikFm
Мои работы: otshelnik-fm.ru
Верстай - в чем проблема.

С подобным на фриланс.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы