Делаем webflow сайты на мобильной версии с удобной плавающей панелью по принципу приложения

Для удобного доступа к меню сайта, кнопке заказа обратного звонка, мессенджерам соц. сетям или просто номеру телефона хорошим решением есть использование фиксированной снизу полоски с этими элементами управления сайтом. Это привычное решение для всех пользователей приложений на мобильном телефоне. Они привыкли к такому UX и им вполне удобно пользоваться аналогичным интерфейсом на сайтах, поэтому его внедрение на любой сайт позитивно скажется ну удобстве использования. Данный прием буду показывать на сайте сделанном на платформе вефлоу (хотя можно так делать и вручную). ••••••••••••••••••••••••••••••• — Полезные штуки для webflow freelance-blog.com/webflow/ — Индивидуальное обучение freelance-blog.com/study/ — Блог про фриланс и вебфлоу freelance-blog.webflow.io/ ••••••••••••••••••••••••••••••• ❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про... БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow 👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! freelance-blog.com/study/ Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм t.me/artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — freelance-blog.com/ 👉 • Инстаграм — www.instagram.com/freelance_p... 👉 • Бесплатные плюшки — freelance-blog.com/webflow/ 👉 • Материалы для уроков — freelance-blog.webflow.io/ 👉 • Индивидуальное обучение — freelance-blog.com/study/ ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Показываю примеры плавающей полоски с меню и кнопками на сайтах вебфлоу 01:48 Делаем структуру сайта 04:11 Плавающая полоска только на мобильных 05:12 Внутрь нее ложим элементы 10:30 Еще варианты для планшетной версии 14:36 Настройка выпадающего меню 22:11 Относительные единицы для размеров объектов 25:12 Выводы