Мобильная верстка на Tilda. Решаем проблемы

Про неразрывнй пробел долго искал. Как же легко он ставится в индизайне, как же его не хватало в фигме и тильде. Теперь его только в Фигме не хватает 🥲

Здравствуйте. Только начала изучать Тильду. Адаптация- ну очень сложно дается.

В ролике было все понятно, кроме одного. Как понять, что размер заголовка остается одинаковым при смене мобильной версии? Самая последняя версия уже других. Тогда заголовок займет несколько строк.

котенок четкий )

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

Голос противный

важные нюансы Герман, спасибо большое!

Первое видео по этой теме и уже на все 100% полезное
СПАСИБО!

Герман! ❤❤❤

Ну как тут не поставить лайк😂

Друзья привет. Как выровнять на телефоне меню каталога? Он на компе ровный, а в телефоне разделы пляшут, в поддержке пишут, что способами тильды это невозможно, только 123

Супер!!! Просто спасение!!! Долго не могла понять, почему такая проблема с одинаковым выравниванием текста в мобильной версии стандартных и зеро блоков! Большое спасибо! Вы просто спаситель!!!! 😅🙏

Полезно! 😀👍 💪

Очень полезно, спасибо!

У меня первый заказ на Тильде, и если бы я не знал css мне бы туго пришлось)

Спасибо! Очень полезно

Привет, отличные советы! Например про неразрывный блок)) А вот про фоновую картинку прям для меня сейчас актуально, у меня на сайте зернистый фон, на десктопе всё отлично, а вот на мобилке - печаль. Получается что величина зернистости разная, видны стыки блоков, это из-за разных размеров блоков мобилки, что можно сделать? Или только на глаз подгонять зернистость?

Для неразрывных пробелов в Тильде есть топограф.

Герман, привет. Есть фоновая картинка и информация. Моя задача сделать так чтобы картинка не двигалась и была статична а информация двигалась вниз при прокручивании вниз. В компьютерном разрешении так сделать удалось загрузив картинку в bаck grounde и растянув сам зеро блок на большую высоту. Но как этого добиться в мобильной версии? В ней фоновая картинка масштабируется до огромного размера и двигается вместе с информацией.

Герман, спасибо огромное! Я несколько дней, а если точнее - недель, не мог понять как именно кадрировать фотографию для фонового изображения чтобы она попадала туда, куда надо и в нужных пропорциях... Но случилось чудо, я увидел ваш ролик и теперь мне не нужны все эти дополнительные зеро-блоки, которые я накопировал для мобильной верстки... )))

Герман, все видео твои смотрю, все в пользой. Очень нужен твой совет по мобильной версии. Сайт сделан на шаблоне Zero block. В редакторе Тильды различное разрешение на сайте всё норм настроено, в эмуляторе тоже все ровно, а конкретно на телефоне Redmi всё едет. Как такое исправляется? Когда везде норм, а на отдельном телефоне -косяк? Спасибо! Буду ожидать твоего совета, заказчик нервничает, а я не знаю как исправить...

Матчасть ) расскажите как пиксель в пиксель выровнять а то 20 px отступа с лева и 90% ширина это круто но если присмотреться там не в пиксель в пиксель тильда просто не умеет этого делать...

Герман все по делу, НО: Если на мобилке выставлять элементам (тексту) привязку ГРИДКОНТЕЙНЕР да еще и в % то в зависимости от размера экрана текст будет скакать. На маленьких экранах строк текста будет больше чем на больших экранах. Это проблемка))))))

Было очень полезно! Я сделала сайт,но он вообще не адаптирован под мобильную версию и я не знаю как это исправить,у меня не только картинка на zero block вылезает,а вообще все вылезает за рамки т.к соответственно разрешение телефона и компьютера разное. Я супер пупер новичок,поэтому было бы хорошо увидеть видео от А до Я с советами как сразу сделать сайт чтобы он правильно открывался на всех устройсвах, если это вообще возможно...

Отличные советы, спасибо👍

Как всегда, очень полезное видео 😊👍 Спасибо

Спасибо, отличное видео

Нужно ли дорабатывать кодом для адаптации под мобильную версию? ( т.к может в мобильной версии все съезжать)

Супер! Очень полезная информация!

Ребят, кто знает как сделать плавный скрол в мобилке? Анимация по скорлу пиздц топорная.

Nice!

Полезно было, очень полезно

полезный плюшки о которых нужно помнить 100%. Спс что делишься опытом

Спасибо, очень полезно!)

Здравствуйте, Герман. С зеро блоком понятно, но как мне сделать блок ST305N видимым в мобильной версии сайта такой же, как мы видим на десктопе? Что бы карточки товаров показывались не по одной на телефоне (что бы увидеть следующую, нам нужно пролистать вниз), а что бы человек видел их все сразу

Круто! Спасибо за видео

Вопрос про самокат) есть ели смысл обрезать форку в редакторе для zero блока в мобильной верстке чтоб она меньше весила и быстрей соответственно грузилась , или оставить эти уши по бокам и не парится ?????

Наконец-то кошка пригодилась, пусть позирует иногда😄☝

По поводу мобильной версии - а если использовать разные блоки для пк и мобилки? Например, тот же самый пример с самокатом из видео: для ПК оставить этот блок таким, каким он есть (в настройках блока устанавливаем ограничение показа по размеру экрана), а для мобилки обработать фото в размер примерно 450*630 и сделать отдельный блок с ограничением показа по размеру экрана(только для мобильных устройств)?

Стандартные блоки не работают в режиме Window Container, а как и любой блочный элемент занимают 100% ширины экрана (без учёта заданного width и max-width в CSS) и боковые отступы получают за счёт боковых паддингов по 20px, а не у элементов этого блока с заданной позицией.

В целом вёрстка через указания Position элементам — это какое-то извращение и атавизм для веб-стандартов последних 10-12 лет. А ты как думаешь, Герман?

А если бы Zero Block позволял создавать Auto Layout с режимом Display Flex, то не пришлось париться о высоте соседних блоков и наложении их на друг друга.

Бывает через CSS специально задаю для Zero Block динамическую высоту блока под его содержимое и меняю на 100% стандартную ширину мобильного контейнера в 320 px, задавая лишь боковые паддинги. Иначе эти уши на больших телефонах раздражают. 😃

Все как всегда, супер !

Есть ощущение, что Герман подвыгорел чтоль. Последнее время контент высосан из пальца как по мне. Наверное я слишком много знаю про Тильду, чтобы удивляться)))

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

Спасибо!

Давай css ))

Герман, лично я только за css! Я уверен, что многие здесь как и я учили html, css, js (но знают его не до конца). Твои видео просто находка, я учу css уже года 2, но всё время открываю для себя новые вещи. Да и другим не трудно просто всё сделать по инструкции). Особенно, если говоришь что делать ты (как всегда, понятно, чётко и по делу).

Очень важный и полезный материал!!! Спасибо за это видео))

Герман, все как обычно: лайк!
И никаких проблем с отрезанными головами:)

А про CSS я бы послушал...
Ничего там сложного нет.
Твоё мнение и примеры были бы кстати...
Спасибо