Адаптивный дизайн

Адаптивный дизайн обеспечивает подходящее отображение вашего сайта на мобильных телефонах и планшетах.

По умолчанию адаптивный дизайн включен. Отключить его можно сняв галочку в настройках проекта (НастройкиОбщие).

Отдельных настроек для мобильной версии нет.

Также на мобильных не воспроизводится фоновое видео — это техническая особенность Flexbe. Чтобы загрузить фоновое изображение для мобильных, нажмите в Настройках фона кнопку Загрузить превью. Залейте изображение, которое будет показываться на мобильных вместо видео.

Как сделать, чтобы фоновые изображения не обрезались на мобильных

Не делайте текст частью изображения, потому что в мобильной версии фотографии обрезаются, и люди увидят только часть картинки.

Загружайте сначала фотографию, потом добавляйте элементы Заголовок и Текст. Тогда дизайн будет подстраиваться под размер экрана, и страницы правильно отобразятся на разных устройствах. 

Текст, вшитый в картинку, не индексируется поисковиками — потенциальный клиент просто не найдет ваш лендинг.

Плюс через некоторое время вам захочется исправить текст, а вы не сможете — придется менять фото.

Не перегружайте первый экран текстом

Когда текста много — не видно акцентов, и основное предложение теряется.

В мобильной версии длинный текст займет несколько экранов. Кому захочется тратить лишнее время на чтение? 

На первом экране нужен призыв к действию. В мобильной версии длинный текст обрежется, даже не дойдя до призыва. 

Напишите заголовок, который расскажет, кто вы и что предлагаете. Добавьте призыв к действию, пару поясняющих предложений и переходите к другим секциям.

Делайте первый экран таким, чтобы он помещался в адаптивной версии.