Как адаптировать страницу под мобильную версию

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
ozred
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 30 июл 2019, 15:07
Версия Web Builder: 14.2.2

Как адаптировать страницу под мобильную версию

Сообщение ozred » 30 июл 2019, 15:38

Прошу помочь мне адаптировать хотя бы 1 страницу под мобильную версию и объясните как это сделать.
Использую WYSIWYG Web Builder 15
ссылка на .wbs:
https://mega.nz/#!6j4nzaJA!kzqH7A4k6tDW ... hVitpdFKEM

Реклама
Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Как адаптировать страницу под мобильную версию

Сообщение Vitamin701 » 30 июл 2019, 15:49

ozred, так у тебя почти все сделано на слоях. В таком случае добавь несколько точек останова (например 768 и 320). А на этих точках уже все адаптируй.
Но лучше сразу сделать все на сетках или флексах

Аватара пользователя

Автор Темы
ozred
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 30 июл 2019, 15:07
Версия Web Builder: 14.2.2

Как адаптировать страницу под мобильную версию

Сообщение ozred » 30 июл 2019, 16:06

Vitamin701, а как для примера мне сделать верхнюю вещь (картинку, значек фейсбука, почту, телефон и адрес) на сетках?
Помоги пожалуйста

Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Как адаптировать страницу под мобильную версию

Сообщение Vitamin701 » 30 июл 2019, 16:17

Это в двух словах не объяснить. Почитай форум, посмотри пару видео на эти темы.


Ответить

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость