Помните то чувство, когда вы собрали Лендинг на GetCourse и уже довольно потираете руки в предвкушении сдать заказчику. Открываете Лендинг на мобильном, а там тексты выползают за пределы экрана, а страница начинает прокручиваться не только вверх-вниз, но и влево-вправо.
Ааааа что делать? 😰 Кроме как убавить размер шрифта, чтобы как-то вместить текст в рамках блока, ничего в голову не приходит.
Без паники.
Текст может не переноситься в нескольких случаях:
🔹вы скопировали текст из Word или любого другого источника и вставили его на GetCourse. При копировании могли быть скопированы невидимые глазу символы и неразрывные пробелы, которые не позволяют при адаптации блоков переносить слова на новую строку
🔹вы вручную печатали тексты, несколько раз вносили правки, и в тексте появились неразрывные пробелы.
В первом случае скопированный текст сначала вставьте в чате Телеграм, это поможет избавиться от лишних символов, и только затем, заново скопировав — на лендинг.
И в обоих случаях на помощь придёт Типограф. Это недооценённый инструмент для работы с текстом. Хоть GetCourse и пишет, что Типограф добавляет неразрывные пробелы, с его помощью можно и удалить лишние пробелы, а также символы, которые при копировании добавились на GetCourse, в том числе неразрывные пробелы.
Итак выделяем весь выползающий текст, нажимаем «Типограф» и сохраняем.
Если Типограф не везде помог, придётся пройтись по текстам и почистить неразрывные пробелы вручную.
Открываем тестовый элемент в режиме «Редактор HTML», ищем связку и заменяем её на обычный пробел.
Если после этих действий вы видите, что страница все ещё «ходит» влево-вправо, проверьте, везде ли у вас уменьшены шрифты для мобильной версии. Не стоят ли значения width, превышающие ширину экрана у элементов.
ИП Седунова Анна Викторовна
ИНН 290102466202
ОГРНИП 319290100004872
© Все права защищены. 2020-2021
авторизуйтесь