arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны настройки мобильного меню: изменение цвета иконки-бургера, позиционирование выпадающего меню (слева или справа), эффект появления (fade, slide) и скорость анимации, отступы для уровней меню, работа с фиксированной шириной и процентами на планшетном брейкпоинте. Выпадающее меню на планшете отображается слева по умолчанию — позицию меняют в настройках первого уровня. Там же эффект и скорость появления. Для уровней меню отступы задаются отдельно — это позволяет визуально показать иерархию вложенных пунктов. Урок полезен при финальной настройке навигации перед публикацией. Понимание базовой структуры меню в Taptop нужно — урок не объясняет, как создать меню с нуля, а фокусируется на настройке поведения.

Как адаптировать и настроить меню в Taptop

Меню добавлено — но на планшете выпадает не туда, ширина не тянется, анимация дёрганая. Как поменять позицию выпадающего меню? Где убрать фиксированную ширину, которая ломает адаптив?
Позиция выпадающего меню на планшете меняется в настройках первого уровня — там же скорость анимации и эффект появления. Фиксированная ширина в пикселях заменяется на проценты — и меню корректно тянется. Для новичков, которые настраивают навигацию. После просмотра меню работает правильно на всех устройствах.
Тайминги видео
00:00 — Переключение на планшетный брейкпоинт 00:45 — Бургер: цвет и позиционирование меню 01:30 — Анимация и внутренние отступы 02:30 — Настройка 2-го и 3-го уровней меню

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока