Как сделать адаптивный сайт в Elementor для WordPress

[@DigitalAlex]

Нравятся видео про Elementor? Поддержите выпуск новых! wplovers.pw/donate/ Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово! Поддержать WPlovers wplovers.pw/donate/ Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана. Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма. Спасибо! wplovers.pw/donate/

[@erdauletbayangali7470]

Привет Александр, вы не слышали про плагина wp touch pro который делает мобильную версию сайта , некоторые в сети уверяют сайт работает в 5 раза быстрее.

[@DigitalAlex]

Привет, Ердаулет. Слышал о нём, но не пробовал. Запишу себе на 151516516 место в список идей 😂

[@erdauletbayangali7470]

хехехе

[@letuneproduction6668]

Контент классный, но вот голос бьет по ушам. Он сильно компрессирован. Каждое слово как долбежь по кастрюле на голове. Советую прислушаться...

[@whereareurussians]

Спасибо за ваш блог! Понятно, ясно, грамотная речь, приятный тембр и дикция. Теперь создание сайта будет в удовольствие. Спасибо!

[@АлександрПетруш]

Очень спасибо! Я новичок, сделал первый свой сайт, но именно разбора этих вопросов мне не хватало. Очень понятно!

[@elenaerokhova6101]

Спасибо за быстрый выпуск! Было 3 момента, которые я не могла сама найти и о них спотыкалась. Очень полезно.

[@DigitalAlex]

Пожалуйста, Елена. Не особо быстро. Давно уже нужно было выпустить =)

[@Censored74]

Большое спасибо за видео Александр! Благодаря вам внедрил все на свой сайт! Вы лучший мастер в рунете по Элементор. Надеюсь Вика Довгань будет кусать локти после выхода вашего курса

[@MsSunny]

Как же всё понятно! И голос приятный! Спасибо большое :)

[@kirillivanov75]

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

[@Chereol]

Спасибо, Александр. Узнала новое - кнопка адаптивность. Как всегда полезное видео)

[@DigitalAlex]

Вот и хорошо, не зря воздух копчу.

[@jaretjoffrey1803]

Спасибо за видео! Как всегда на высоте) Убил сразу несколько вопросов, которые возникали при создании сайта!)

[@GunaevVO]

Не работает адаптивность, ставишь в мобильной версии например цвет чёрный , переключаешься в другой вид он один фиг наследуется. Чё делать. Или адаптивность только в ПРО версии?

[@AntonoffChannel]

Нашли решение ? Такая же проблема

[@Anton_solovev47]

@@AntonoffChannel А вы нашли? Тоже не могу понять, в чем дело.

[@ОльгаТолмачева-г3ж]

Спасибо. Быстро нашла решение своей проблемы.

[@biznesinter]

Скажите мне, пожалуйста, почему-то в режиме планшета у меня ни одно видео не показалось. В компьюторной версии видео и текст расположены в секции из двух колонок, в одной видео, в другой текст, а в планшете в одну колонку и только текст.а видео где? Его нет нигде! В телефлнной версии все перепутано, но видео присутствуют. И как быть? Где видео искать? Спасибо.

[@СекретарівськаЗОШ]

Добрый вечер. Подскажите как адаптировать сайт под разные разрешения мониторов. Я сделал сайт на мониторе 29 дюймов и у меня все норм, но когда запустил его на 19 дюймов мониторе, то у меня одно на другое поналазило.Спасибо)

[@DINObeat_play]

Здравствуйте!!! пересмотрел ваши ролики про адаптивность но не нашёл важного можно ли сделать отдельную адаптивность скажем для мониторов разрешением в 1280х720 и 1920х1080? потому что везде всё выглядит по разному и трудно достичь золотую середину когда редактируется всё одновременно.

[@itlife8792]

инструмент устарел потому что

[@ВебМастер-ч6ж]

Присоединяюсь к вопросу, надеялась найти ответ в этом видео... Тоже мучаюсь: стараюсь решать эту проблему за счет манипуляций с подгонкой типографики (размер/жирность, подбор более удачных синонимов в тексте, межсимвольное пространство итд), размеров изображений, но процесс становится настолько муторным и неблагодарным, что порой результат все равно не оправдывает таких временных затрат((. Вот бы кто-то поделился опытом.

[@10.Year.Bombas]

@@ВебМастер-ч6ж Можно использовать относительные единицы - например vh и vw. Я так под 5K сайты адаптирую.

[@alex_vogt1323]

у тебя есть видео, где делаешь меню вручную через HTML-код, остальное в elementor, но этот блок кода, как адаптировать?

[@Fomenko1978]

отлично рассказал, даже медиа запросы ухитрился разжевать ) клас!

[@DigitalAlex]

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

[@Vinograd_Ivanovih_Kursk]

Видео СУПЕР! Лайк поставил.

[@venkovmax]

Спасибо, как всегда очень полезно и смотреть приятно

[@DigitalAlex]

Спасибо, Максим. Приятно, когда кому-то полезен.

[@christopherwharton6759]

Здравствуйте, подскажите почему может не работать nav меню в мобильной версии?

[@Домашниймастер-я5ф]

Врежиме мобильного установлена ширина 360 рх. Мжно ли как-то этот параметр поменять? Ну например на 480

[@Леонид-с5з]

6:10 Реверс (инверсия) колонок 7:00 Управление шириной колонок на разных устройствах 9:07 Скрытие элементов на разных устройствах 11:28 Кнопка "Переключиться/перейти к полной версии" 13:45 Можно ли отключить адаптивность в Elementor?

[@rastatacdam]

Добрый день. Подскажите пожалуйста как в заголовке сделать "резиновый" текст, чтобы при уменьшении экрана он не превращался в лесенку, а просто уменьшался. Спасибо!

[@giorgitamazashvili9338]

один вопрос: на нельзя настроит разрешение когда например сайт перейдёт с десктоп версии на планшетную?

[@Oreo_Raccoon]

Подскажите,что делать если например для планшета в 768px и для мобильных устройств в 360px все блоки подогнал нормально, но при сжатии экрана например на разрешении 600px все разъезжается, как тогда быть?

[@ДиванныйЭксперд]

Здравствуйте. На 7:14 не понятно как у вас получились колонки рядом, и у каждой колонки своя возможность выставлять ширину

[@denzeroneYT]

Куча вопросов, столько всего не понял, на счёт того же фона, у меня на комп версии должно быть левая половина каким-то цветом, а вторая половина изображения, но на телефоне это не смотриться, так что фон просто белый должен быть, думал изменить, но изменилось как на телефоне, так и на компе, хорошо что в истории вернуться можно обратно, получается только с помощью кода как-то можно, хотел попробовать сделать сайт, с использованиям минимум кода, нравится пощелкать, но в принципе ок. Ещё секции по центру разделил на 3 блока с фотографиями по 33% на моем мониторе норм выглядит, взять немного меньше, уже не помещаеться, и из-за этого, вылазит за границы, и дополнительно справа белая полоса большая

[@jupitersaturnjupitersaturn9060]

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

[@itlife8792]

Всё это прекрасно, но как настраивать горизонтальный адаптив для планшета?

[@anzhelika6491]

Подскажите ,пожалуйста. Хочу сделать сайт для кондитерской. Просмотрев ваши видео про Элементор и envato, решила ими воспользоваться . Элементор - супер ! И вроде как темы envato могут подойти. Делаю сразу на хостинге . Страницы отдельные с ними вроде как получается делать. реально ли сделать сайт обычному пользователю ? Пока не понимаю как их потом собрать в кучу ))) учусь по вашим видео . Есть какое-то у вас видео как сделать сайт с помощью элементор и envato? посоветует пойти другим путем ?

[@Дмитрий-о8щ3ж]

Здравствуйте, столкнулся с такой проблемой, когда переворачиваешь Iphone, то сайт отображается не так ровно как должен быть, есть способы решения?

[@Oreo_Raccoon]

Здравствуйте, вы нашли решение? тоже столкнулся с такой проблемой в Элементоре

[@Дмитрий-о8щ3ж]

Енотик Орео, добрый день, пока что не нашёл

[@johny-matutony]

Спасибо! Очень полезное и нужное видео!

[@vezunchik-9]

Подскажите! Адаптирую под телефон и при этом изменения касаются и пк версии. Как это исправить?

[@АфанасийИванов-з5о]

Спасибо за шикарное видео!!

[@VeraKoroleva]

Я сделала страницу, где есть секции, разбитые на 2 колонки с текстом и кнопками. Есть такая проблема, что при разном разрешении экрана, кнопки начинают "плясать" и выходят на разном уровне. Хотя в том варианте, которые есть, все нормально. Страница адаптирована. Думаю, что это из-за разного разрешения экрана.. Как исправить данную ситуацию? Пробовала изменять параметры Брейкпоинт для планшета, но ничего не помогает.

[@andreyvsimmarket3008]

День добрый. Спасибо за труд. Подскажите, а есть плагин для елементор который будет автоматом, создавать отдельную страницу для моб. версии.И в принципе как Вы решаете проблему со скоростью для моб. версий? Спасибо

[@МариМари-о4в]

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

[@maxmmaxm1591]

Тоже этот вопрос мучает

[@Алексей-л7ф4ш]

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

[@СветланаНазарова-ш1л]

Здравствуйте. Вы можете подсказать, как можно решить одну проблемку. На сайте есть меню, пункт "Преимущества" привязан к компьютерной версии блока. Этот блок под мобильные сделан отдельно. И вот на мобильном естественно из меню не переходишь на блок "Преимущества", т.к. он скрыт. Как можно мобильную версию этого блока привязать к меню? Что-то у меня никак не получается. Помогите пожалуйста.

[@ЯйцоВклетке]

Ребятки всем привет! Подскажите, на мобильных устройствах на хостинге пропадает задний фон у всех секций? Что это как это? с чем кушать? На локалке все работает.

[@LAVILASIS]

И все же есть проблема с адаптивность для ноутбуков с разрешением 1024. Как ее устранить не могу сообразить

[@Алексей-л7ф4ш]

Привет, классный канал, выручаешь! Спасибо! Пару вопросов: у меня стандартная тема от wordpress ( я темы вообще не использую, все равно страницы с 0 на элементоре рисую.), Вставлен блок "Слайд-шоу" блок, в который вставлены картинки, и он автоматически их перелистывает. Кроме автолистания есть ещё и ручное перелистывание стрелками слево и справо. На мобильной версии сайта эти стрелки превратились в песочные часы! Работают нормально, но отображаются некорректно. Как исправить?

[@distortion163]

Привет. А можно ли сделать в элементоре так, чтобы при изменении размера окна браузера холст сайта не изменялся? Или тогда адаптация работать не будет? Как элементор определяет с какого типа устройства человек на сайт заходит?

[@DigitalAlex]

Привет. Видео как будто не смотрел. Говорил ведь, что адаптивность не отключается. Если не будет адаптивности, то сетка будет фиксированной ширины и всё содержимое в ней тоже. В видео тоже объяснял, то не Elementor определяет, он лишь размещает медиазапросы в CSS, а определяет их браузер на конкретном устройстве.

[@Sanksdr]

Интересно узнать как адаптировать для компьютеров без елементора

[@DigitalAlex]

Большая тема для которой придётся освоить CSS. Приобрести курс по CSS и изменять внешний вид сайта самостоятельно - digitalalex.ru/catalog/kursy/razrabotka/razrabotka-lite/css/

[@mosprazdnik1557]

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

[@DigitalAlex]

Если я правильно понял, то на вкладке Стиль > Выпадающее > Горизонтальный отступ/Вертикальный отступ.

[@mosprazdnik1557]

Спасибо

[@big_baby_chanel]

2019 года, добавлена ли функция оптимизации фонового изображения?

[@sumburno]

Александр, ответьте на вопрос по элементор про. Что значит поддержка и обновление в течение года, если покупаешь максимальную версию? Потом плагин элементор про не будет обновляться или нужно будет опять покупать его версию?

[@DigitalAlex]

Михаил, в этом видео ответы на вопросы kzbin.info/www/bejne/e3azpY1-dsatiZY если что-то останется неясным, задайте под ним.

[@sumburno]

WPLovers - о Wordpress понятно и с любовью , спасибо

[@ВадимСтрогонов-г8ч]

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

[@DigitalAlex]

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

[@MediaMax888]

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

[@DigitalAlex]

Самый простой вариант использовать один из этих плагинов ru.wordpress.org/plugins/simple-mobile-url-redirect/ ru.wordpress.org/plugins/advanced-mobile-redirect/ ru.wordpress.org/plugins/mobile-redirect-plus-lite/

[@robertlinkiavichius3961]

@@DigitalAlex А перенаправление может повлиять на негативную индикацию страниц Гугла? Понижать в выдачах и т.п.?

[@DigitalAlex]

@@robertlinkiavichius3961 Наоборот скажется позитивно. Google поймёт, что для сайта есть мобильная версия, там специальный редирект ставится.

[@Hope-hl9rn]

Благодарю, если сайт сделан частично в Elementor, частично в редакторе WP, то в El-r - е я могу только редактировать те части которые сделал в El-r - е ? или могу весь сайт в любом случае?

[@DigitalAlex]

Только те, что в Elementor.

[@stairs_home]

Спасибо за видео. А можете подсказать, как отключить адаптацию?

[@АндрейОсипов-ч4е]

Почему в моб.версии стили шрифтов слетают? В режиме конструктора всё норм, но как проверяешь на реальных устройствах, стили слетают

[@Александр-ч6м5ш]

Показываешь и рассказываешь очень красиво. Вот только делу это не поможет) У меня почему-то не встаёт мобильная версия должным образом, проблема в том, что сайт становится меньше экрана смартфона...приходится пальцами растягивать под экран. Подскажи где настроить Elementar, что бы все было ровно?

[@DigitalAlex]

Не поможет так не поможет )) Я говорил в видео, что может что-то мешать и из-за этого появляться горизонтальная прокрутка. Могут быть конфликты с другими плагинами. Пробуй инструкцию: В WordPress есть универсальный способ экспресс диагностики ситуации. 1. ВАЖНО! Сделайте резервную копию базы данных и файлов сайта. 2. Временно активируйте стандартную тему, например Twenty Seventeen. Если она уже активна, то другую, например Astra. Если проблема в теме, то ищите в чём именно или замену текущей теме. 3. Если проблема не решена, то временно деактивируйте все плагины, кроме основного, в котором работаете. Например, Если вы делаете страницы в конструкторе Elementor (Pro), то нужно деактивировать все плагины кроме Elementor (Pro) и проверить наличие проблемы. Если проблема исчезла, активируйте плагины по одному пока она вновь не проявит себя. Если вы выявили проблемный плагин и он имеет множество настроек, то отключите все настройки, проверьте проявляется ли проблема. Если нет, то включайте настройки по одной до тех пор пока проблема вновь не проявит себя. 4. Если на предыдущем шаге проблему решить не удалось, то нужно проверить не подключены ли сторонние скрипты, такие как онлайн-консультант, заказ звонка, счётчики, показ рекламы и др. Временно удалите подключение скриптов и проверьте наличие проблемы. Повторяйте подключение скриптов и проверку наличия проблемы по аналогии с плагинами. 5. Если есть проблемы с внешним видом, проверьте не добавили ли вы произвольные CSS в настройщике темы или специальным плагином. Временно удалите стили и проверьте проявилась ли проблема. Если нет, то вставляйте стили по одному, пока не выявите проблему. ----- Только после этих базовых действий можно двигаться дальше в диагностике и решении проблем.

[@Александр-ч6м5ш]

Я понимаю, что всех нюансов веб-программирования не донести через видео. Да что говорить, даже опытный прогер иногда "ловит берёзку")) В общем решил проблему. Объясню как. При правке дизайна под мобильник, я увлёкся позиционированием элементов на экране и вынес вставленные компоненты в колонку за её пределы...они как бы вылезли за пределы шаблона (грубо говоря) Как говорится...вот они грабли) Сам я не программист, но иногда балуюсь и вот тут ты попался на глаза с красивыми рассказами и красивыми сайтами...я посмотрел на свой сайт, который делал 10 лет назад ещё на джумла 1.5 и понял, почему в компании нет заказов)))) Вот сижу теперь, делаю сайт сам. Просьба есть, если будет время и делание, выпусти видеоролик по позиционированию элементов внутри колонок, так сказать более подробно. Спасибо за ответ!

[@sergeinikolaev3737]

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

[@ЗуляРеджепова]

Спасибо большое !

[@ОлегЕфремов-д3э]

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

[@krasnobuy]

Здравствуйте, а анимацию только для мобильных можно отключить?

[@DigitalAlex]

Здравствуйте. Пока нет. У разработчиков висит этот вопрос. Ждать остаётся.

[@Владимир-с5ц2г]

почему на телефоне с одной стороны прокручивается на белый фон?

[@JamesBond-jf4ni]

нет горизонтальных версий. если смотреть в браузере потом и переворачивать то все портится конкретно

[@endurenzmusic6617]

Спасибочки !

[@АндрейЛагонский]

У меня такая проблема! Ширина колонок регулируется только на десктоп и мобильной версии. На версии планшета они идут в ряд друг под другом и ничего не меняется. Причем, если сделать ширину в мобильной 50 на 50, то она становится такой же на планшете. Почему? Весь инет перерыл((

[@АндрейЛагонский]

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

[@tutitam1]

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

[@garael7123]

Добрый день. Спасибо за видео! Вопрос,конечно, не совсем в тему видео, но уж очень наболевший. Делал в Элементоре страницу, где каждая секция разворачивается на весь экран (в настройках секции: на всю высоту экрана).С виджетом полноэкранной прокрутки от Jet Elements. Делал на мониторе диагональю 27 дюймов и, соответственно, разрешением 1920х1280. А на ноутбуке диагональю 15,6 и разрешением 1366х768 на странице все поехало, элементы из верхних секций заходят на нижние и наоборот. Подскажите пожалуйста, можно ли это исправить или нужно только вручную задавать высоту секции, после чего на небольшом мониторе она сразу на весь экран не влезет и будет прокручиваться?

[@garael7123]

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

[@DigitalAlex]

Попробуйте задать Мин. высота, выбрать VH и поставить значение 100. Отпишите о результате.

[@garael7123]

@@DigitalAlex Я прошу прощения, а VH - это что?

[@DigitalAlex]

@@garael7123 Параметр Минимальная высота и над полем где вводится значение есть вариант выбора PX и VH.

[@letuneproduction6668]

Вопрос. Как адаптировать сайт под разные виды мониторов с разным разрешением и соотношением сторон? У меня монитор 1920*1080 все на нем ровно. А на 1366*768 уже все криво. Я уж не говорю про квадратные мониторы 3*4

[@DigitalAlex]

По идее, есть есть одна общая базовая сетка определённой максимальной ширины и вы в рамках этой ширины всё и делаете. Что именно криво, можете показать?

[@КитайТорг]

Может он имеет виду вообще резиновый шаблон, но у меня на 1366х768 и тот большой размер - вроде нормально

[@letuneproduction6668]

Так вот. Таких сеток в элементоре всего три. А можно сделать больше? Что бы под все популярные разрешения. Может есть плагин?

[@DigitalAlex]

@@letuneproduction6668 плагина нет. Обещали в будущем добавить больше брейкпоинтов. Мне хватает и того, что есть, если честно.

[@viktoryerokhov]

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

[@DigitalAlex]

Здравствуйте. Штатными средствами никак к сожалению. Нужно из шаблона шапки темы вырезать строку, содержащую viewport. Тогда адаптивность работать не будет.

[@viktoryerokhov]

@@DigitalAlex Спасибо. Так и сделал, но уже сам разобрался) Сам противник того, чтоб сайт не адаптировался под моб., но это зависит не от меня, а от заказчика

[@DigitalAlex]

@@viktoryerokhov О да, они такие. Это потому что пытаетесь Elementor использовать для вёрстки макетов. Это неправильно. Elementor не инструмент для визуальной вёрстки. Это конструктор страниц. Да, под него можно и нужно рисовать макеты, но с прицелом на его возможности.

[@УланКад-х5п]

На смартфоне появляется горизонтальный скролл. Не могу найти с чем связано. Все хвосты по убирал😣. Скролл ровно на ширину полосы прокрутки редактора😩. Помогите пжл

[@Наталія-э5е]

Добрый день) У меня похожая проблема. Подскажите: Вам удалось ее решить? Если да, то каким способом?

[@УланКад-х5п]

@@Наталія-э5е Здравствуйте. В общем пришлось проверять каждую колонку-тексты, изображения. Отключал "видимость на телефоне" на каждой колонке и проверял по одной на телефоне. В итоге нашёл один текст который на конструкторе и на телефоне красиво сидит а на деле невидимый хвост был. Скопировал содержимое, удалил "текст", заново поставил и все стало норм. Придется попотеть в поисках если контента много

[@Наталія-э5е]

​@@УланКад-х5п Здравствуйте) Благодарю за оперативный ответ! Но, к сожалению, но не поняла, что имеете в виду под виду "видимость на телефоне" ?

[@dimaibatullin8875]

Как сделать заливку фона картинкой на секции, как в верху, где книга

[@DigitalAlex]

Изучать базу, срочно! Серия уроков: секции, ряды и колонки 1) Структура макета Elementor kzbin.info/www/bejne/aKm6ZoCDfrKXbtU 2) Настройка макета Elementor kzbin.info/www/bejne/inTSfIdpZs6Amck 3) Стили макета Elementor kzbin.info/www/bejne/i2LWdYKwoKabidk 4) Расширенные параметры макета Elementor kzbin.info/www/bejne/pKDYdqKlfLBrsNU

[@deskbookcom]

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

[@ИльяКондратов-м7ъ]

Спасибо! Помогло)

[@fuzzywuzzy6960]

Доброй ночи, в каком видео глянуть как сделать кликабельным номер телефона с мобильных устройств?

[@DigitalAlex]

Здравствуйте. Видео нет. Просто вставьте в ссылку любого виджета ваш номер без пробелов и перед ним tel: Вот так tel:[phone]

[@Censored74]

Александр подскажите пожалуйста что делать, если в мобильной версии в элементоре нет прокрутки, а когда с телефона заходишь она есть, что делать

[@DigitalAlex]

Какой прокрутки? Страницу не можете проскроллить вниз или что? На чём смотрите?

[@Censored74]

Боковая прокрутка) В визуальном редакторе елементор все ок, а в телефонах xiaomi 4, 5 note влево прокрутка идёт. Потом вниз экрана когда скролишь то более менее все оптимизируется но прокурутка влево не изчезает.

[@Censored74]

@@DigitalAlex короче это возникает из за того, если помечаешь изображения как медиафайлы

[@Oreo_Raccoon]

@@Censored74 Здравствуйте, столкнулся с такой же проблемой. Подскажите пожалуйста где убрать отметку изображений как медиафайлов? Не могу никак найти

[@moimirira]

@@Oreo_Raccoon Если не решена проблема. Решение во всех секциях в настройках Макета отключить Overflow (должно быть СКРЫТО) и будет счастье вам

[@pazlife1745]

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

[@DigitalAlex]

В Elementor только адаптивная и есть. Одна единственная. Если хотите и её отключить, то нужно удалить в теме из области head строку с упоминанием viewport.

[@pazlife1745]

WPLovers - о WordPress понятно и с любовью Я удалял , ничего не происходило. Показывалась все равно мобильная. А надо что бы была такая же десктопная на мобильном

[@DigitalAlex]

@@pazlife1745 Это не родной метод, поэтому нет гарантии.

[@pazlife1745]

WPLovers - о WordPress понятно и с любовью По другому нет вариантов видимо ? Жаль что разработчики не внедрили это

[@DigitalAlex]

@@pazlife1745 Пока нет.

[@Sanksdr]

Это у вас версия элементора платная?

[@DigitalAlex]

Оптимизация доступна и в бесплатной, но вообще да, я использую платную версию.

[@skbyar]

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

[@ЖеняШвец-к5ы]

Спасибо за виде и вообще спасибо тебе огромное за все видео благодаря тебе быстро разобрался с елементором сделал ну на мой взгляд 5 классных одностраничников и сайт на астре все кстати леплю на ней. У меня кстати вопрос у всем моих сайтов почему-то при просмотре на телефоне не показываются логотипы? я уже все перепробывал измпнял ее размер и вес короче странно и именно на 5 сайтах. я точно что-то делаю не так иногда в хроме тоже не показввается. А так очень круто ты объясняешь все.

[@DigitalAlex]

Женя, спасибо за тёплые слова! Логотипы каким виджетом вставляешь и в каком формате (jpg, png и т.д.)?

[@ЖеняШвец-к5ы]

WPLovers - о Wordpress понятно и с любовью я не виджетом, а просто в теме сайтбаре иам просто вставляю виджет в формате png.

[@DigitalAlex]

Значит вы правы, что-то вы не так делаете =)

[@ЖеняШвец-к5ы]

WPLovers - о Wordpress понятно и с любовью а есть какой-то виджет? для вставки лого? и фавикона?

[@ЖеняШвец-к5ы]

ой не виждет, пюа плагин

[@ВиолеттаШтоссель-т2д]

классное видео

[@moscowtour6328]

Спасибо за видео. Столкнулась с такой проблемой. Адаптирую всё в elementor для планшета и телефона. Всё выглядит красиво. Но когда перехожу на сайт в выбираю в настройках плашет или телефон, всё отображается криво. WP установлен локально на компьютер через OSPanel. Не могу понять чему верить и как это будет отображать в реальности на телефоне, когда я перенесу всё на хостинг?

[@DigitalAlex]

Если правильно оптимизировать, то должно и в эмуляции браузера отображаться нормально. Чтобы проверить, как будет на устройствах конечно самый верный способ - опубликовать сайт на хостинг. Мне сложно вам что-либо подсказать пока я не вижу результат. В редакторе при адаптации всё хорошо отображается?

[@moscowtour6328]

WPLovers - о WordPress понятно и с любовью Что значит правильно? Я выравнивание все элементы. Всё хорошо отображается. А переходя в браузер всё сползает. Даже фоновая фотография отображается не корректно. Вы когда-нибудь слышали о таком? Или это только у меня так?

[@DigitalAlex]

Кэширование включено у вас?

[@moscowtour6328]

нет

[@maxmixfice1105]

Друзья привет! Может кто знает существует ли плагин, который сделает твой сайт адаптивным для разных браузеров. Я сделал сайт, но он плохо отображается во всех браузерах кроме гугла. Кто знает подскажите пожалуйста!

[@DigitalAlex]

Привет. Чудес не бывает, чтобы вот так взять и решить вопрос одним плагином.

[@БилПрихлоп-й3х]

Elementor как добавить собственный класс ?

[@DigitalAlex]

На вкладке расширенные каждого элемента есть поле и для ID и для класса.

[@Sanksdr]

Как адаптировать под компьютеры

[@mikelxxx4681]

как сделать фиксированную мобильную версию в elementor?

[@JamesBond-jf4ni]

как контролировать процесс адаптации в промежутке десктопа и планшета? Сайт на всю ширину 1750 в колонке этой 6 блоков картинка с текстом они расположены в притык друг к другу. просматривая это на ноуте в 1366 это все сжалось до уродского состояния как это контролировать?

[@moimirira]

У кого проблема - горизонтальная прокрутка в мобильной версии попробуйте следующее: Во всех секциях, в настройках макета отключите overflow (есть такой пункт). Overflow должно быть скрыто

[@ЯйцоВклетке]

Привет, а не было такой проблемы как не показывает задний фон изображений на мобильных? На локальном хостинге все круто, перенес на бегет, и задние фоны слетели на мобильных устройствах. :(

[@moimirira]

@@ЯйцоВклетке бывает слетает что то при переносе. У меня срабатывало - сношу что не работает и устанавливаю заново. А так не сталкивался с именно такой проблемой

[@ЯйцоВклетке]

@@moimirira , нашел проблемку спс. У него лучшие курсы пока что, не все рассказывает, по сравнению с другими - это клад. Остальные просто чушь несут ради видосов на ютубе.

[@НиколайКоролев-п8з]

Один вопросы был, плюс один возник при просмотре? 1. Не могу справится с горизонтальной прокруткой. Всё вроде маленькое, а она всё равно есть. 2. Почему нельзя скрывать колонки? В чём подвох?

[@trahula]

Привет, может кто-нибудь помочь!? Хочу сделать кнопки на изображении (т.е поверх самого изображения, и чтобы они как бы привязались относительно этого изображения) все получается замечательно, но с изменением разрешения экрана монитора, кнопки начинают съезжать, режим адаптивности не помогает, в css прописывал разные стили, все равно съезжает. Может кто-нибудь знает как это исправить? Буду признателен! P.S Пользуюсь бесплатной версией, может в платной есть решение без костылей)

[@DigitalAlex]

Привет. А платной тоже нет. Изображение как вставляете, фоном или с помощью виджета?

[@trahula]

@@DigitalAlex изображение из плагина метаслайдер,вставляю его шорткодом во внутреннюю секцию, под него ещё одну секцию с кнопкой, задаю ей позицию, все норм,но только на моем мониторе, на телефонах,ноутах, все улетает. Само изображение масштабируется как надо,но вот кнопка....говорят нужно изображение задать как контейнер с относительной позицией, а кнопку абсолютной, но не помогло(хотя я думаю,что неправильно сделал)

[@trahula]

@@DigitalAlex забыл поблагодарить за ответ) Уже все решил)

[@АлександрИванов-к3н1г]

У меня вообще дич в мобильной версии твориться. Там ничего обсолюьно не читаемо, картинок невидно, и это просто полный ппц. Я даже без понятия что там можно сделать)

[@ВикторГорбань-я7х]

ОООО, Яндекс Браузер, братааан)

[@DigitalAlex]

😂вот это реакция )) Ну да, я его для записи использую. Удобно. Основной у меня всё равно Chrome. Хотя пользуюсь я ими поровну.

[@ВикторГорбань-я7х]

@@DigitalAlex Однозначно подписка)

[@ВикторГорбань-я7х]

@@DigitalAlex Знаешь, снята уже куча видео о том, как получить подписчиков на свой канал. Но все забывают про Яндекс Браузер.

[@DigitalAlex]

@@ВикторГорбань-я7х 😂 двигатель прогресса ))

[@mksavio4020]

Отличное видео как всегда! Но мне везет на глюки:) Реверс колонок для мобильных работает не корректно... вот shkafy-ak47.ru/test/ ... пару дней повисит потом удалю.

[@DigitalAlex]

Игорь, а вы точно принцип их работы поняли? Я не увидел у вас проблем. У вас ведь всё содержимое в одну колонку идёт друг за другом, заголовок > колонки со шкафами и т.д. Единственное только сами шкафы по колонкам, но их то зачем инвертировать.

[@mksavio4020]

Да, понял. Вы с мобильника зашли? Первые корпусные... следом встроенные, вот реверс.

[@mksavio4020]

Следом радиусные... опять все хорошо без реверса.

[@DigitalAlex]

Видимо кэш был, теперь вижу. - Корпусные текст фото - Встроенные текст фото плиткой в линию. Скорее всего нужно выставить ширину колонок по 50% для мобильных - Радиусные текст фото - Угловые фото текст - С зеркалом текст фото - С пескоструем фото текст и тд. попеременно Скорее всего я чего-то не понимаю =)

[@ВикторГорбань-я7х]

Наконец-то не Хром

[@karabasbarabas2118]

.

[@sumburno]

Я думал Элементор переносит слово, а не втыкает его целиком. Фигня какая-то. Так любые конструкторы умеют.

[@DigitalAlex]

Михаил, переносы в заголовке это бред от которого больше вреда, чем пользы. Ну а вообще, есть 2 взгляда на мир. Муха видит дерьмо и помойки, а пчела благоухающие луга. Чуете к чему я?

[@sumburno]

WPLovers - о Wordpress понятно и с любовью ))) да, вы любитель метафор. Согласен, что в заголовке перенос не лучшее решение. Более умные конструкторы уменьшают шрифт автоматически.

[@DigitalAlex]

Хорошая тема, если это можно контролировать.

[@LiberumCogitandi]

Elementor то еще дерьмо, не понимаю вообще как вы им пользуетесь