Как сделать адаптивный сайт в Elementor для WordPress
HTML-код
- Опубликовано: 24 апр 2018
- Купить Elementor PRO - digitalalex.ru/r/elementor/
Вот вы создали сайт в конструкторе Elementor, но когда заходите на него со смартфона, то ужасаетесь поскольку выглядит он мягко говоря не очень. Дело в том, что мало просто сделать сайт, нужно ещё и оптимизировать его под мобильные устройства. Из этого видео вы узнаете, как оптимизировать сайты и landing page, сделанные в конструкторе сайтов #Elementor для #WordPress под планшеты и смартфоны. Также, я отвечу на частые вопросы, связанные с созданием адаптивного сайта в Elementor.
Приятного просмотра!
Всё об Elementor:
Обзор Elementor - • Elementor - первый обз...
Обзор Elementor PRO - • Elementor Pro - обзор ...
Скачать Elementor бесплатно - digitalalex.ru/r/elementor-free/
Купить Elementor PRO - digitalalex.ru/r/elementor/
#️⃣ Присоединяйся:
Канал - digitalalex.ru/r/youtube/
Сайт - digitalalex.ru/
Telegram - digitalalex.ru/r/telegram/
Вконтакте - digitalalex.ru/r/vk/
Я.Дзен - digitalalex.ru/r/zen/
Rutube - digitalalex.ru/r/rutube/ 
Наука
Нравятся видео про Elementor? Поддержите выпуск новых! wplovers.pw/donate/
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers wplovers.pw/donate/
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! wplovers.pw/donate/
Привет Александр, вы не слышали про плагина wp touch pro который делает мобильную версию сайта , некоторые в сети уверяют сайт работает в 5 раза быстрее.
Привет, Ердаулет. Слышал о нём, но не пробовал. Запишу себе на 151516516 место в список идей 😂
хехехе
Контент классный, но вот голос бьет по ушам. Он сильно компрессирован. Каждое слово как долбежь по кастрюле на голове. Советую прислушаться...
Спасибо за ваш блог! Понятно, ясно, грамотная речь, приятный тембр и дикция. Теперь создание сайта будет в удовольствие. Спасибо!
Очень спасибо! Я новичок, сделал первый свой сайт, но именно разбора этих вопросов мне не хватало. Очень понятно!
Большое спасибо за видео Александр! Благодаря вам внедрил все на свой сайт! Вы лучший мастер в рунете по Элементор. Надеюсь Вика Довгань будет кусать локти после выхода вашего курса
Спасибо за быстрый выпуск! Было 3 момента, которые я не могла сама найти и о них спотыкалась. Очень полезно.
Пожалуйста, Елена. Не особо быстро. Давно уже нужно было выпустить =)
Как всегда исчерпывающе, жаль поздно увидел и разобрался сам. Низкий поклон за обзор элементора!
Как же всё понятно! И голос приятный! Спасибо большое :)
Спасибо за видео! Как всегда на высоте) Убил сразу несколько вопросов, которые возникали при создании сайта!)
Спасибо, Александр. Узнала новое - кнопка адаптивность. Как всегда полезное видео)
Вот и хорошо, не зря воздух копчу.
Спасибо! Очень полезное и нужное видео!
Спасибо, как всегда очень полезно и смотреть приятно
Спасибо, Максим. Приятно, когда кому-то полезен.
Спасибо. Быстро нашла решение своей проблемы.
Видео СУПЕР! Лайк поставил.
Спасибо за шикарное видео!!
Спасибо большое !
Спасибо! Помогло)
отлично рассказал, даже медиа запросы ухитрился разжевать ) клас!
Спасибо, Андрей. Ну да, надо же дать хотя бы примерное представление, как это работает.
Спасибочки !
Не работает адаптивность, ставишь в мобильной версии например цвет чёрный , переключаешься в другой вид он один фиг наследуется. Чё делать. Или адаптивность только в ПРО версии?
Нашли решение ? Такая же проблема
@@AntonoffChannel А вы нашли? Тоже не могу понять, в чем дело.
у тебя есть видео, где делаешь меню вручную через HTML-код, остальное в elementor, но этот блок кода, как адаптировать?
День добрый. Спасибо за труд. Подскажите, а есть плагин для елементор который будет автоматом, создавать отдельную страницу для моб. версии.И в принципе как Вы решаете проблему со скоростью для моб. версий? Спасибо
6:10 Реверс (инверсия) колонок
7:00 Управление шириной колонок на разных устройствах
9:07 Скрытие элементов на разных устройствах
11:28 Кнопка "Переключиться/перейти к полной версии"
13:45 Можно ли отключить адаптивность в Elementor?
Добрый вечер. Подскажите как адаптировать сайт под разные разрешения мониторов. Я сделал сайт на мониторе 29 дюймов и у меня все норм, но когда запустил его на 19 дюймов мониторе, то у меня одно на другое поналазило.Спасибо)
Здравствуйте.
На 7:14 не понятно
как у вас получились колонки рядом, и у каждой колонки своя возможность выставлять ширину
Подскажите,что делать если например для планшета в 768px и для мобильных устройств в 360px все блоки подогнал нормально, но при сжатии экрана например на разрешении 600px все разъезжается, как тогда быть?
классное видео
Здравствуйте, подскажите почему может не работать nav меню в мобильной версии?
Здравствуйте!!!
пересмотрел ваши ролики про адаптивность но не нашёл важного
можно ли сделать отдельную адаптивность скажем для мониторов разрешением в 1280х720 и 1920х1080?
потому что везде всё выглядит по разному и трудно достичь золотую середину когда редактируется всё одновременно.
инструмент устарел потому что
Присоединяюсь к вопросу, надеялась найти ответ в этом видео... Тоже мучаюсь: стараюсь решать эту проблему за счет манипуляций с подгонкой типографики (размер/жирность, подбор более удачных синонимов в тексте, межсимвольное пространство итд), размеров изображений, но процесс становится настолько муторным и неблагодарным, что порой результат все равно не оправдывает таких временных затрат((. Вот бы кто-то поделился опытом.
@@user-zk9hg4gd8t Можно использовать относительные единицы - например vh и vw. Я так под 5K сайты адаптирую.
Подскажите ,пожалуйста. Хочу сделать сайт для кондитерской. Просмотрев ваши видео про Элементор и envato, решила ими воспользоваться . Элементор - супер ! И вроде как темы envato могут подойти. Делаю сразу на хостинге . Страницы отдельные с ними вроде как получается делать. реально ли сделать сайт обычному пользователю ? Пока не понимаю как их потом собрать в кучу ))) учусь по вашим видео . Есть какое-то у вас видео как сделать сайт с помощью элементор и envato? посоветует пойти другим путем ?
Всё это прекрасно, но как настраивать горизонтальный адаптив для планшета?
2019 года, добавлена ли функция оптимизации фонового изображения?
Спасибо, Александр, очень информативный обзор. Расскажите, есть ли возможность в мобильной версии отменить анимацию? Не нашел, а хочется чтобы страничка грузилась быстрее на мобильном.
К сожалению нет. На форуме видел активное обсуждение и плюсик ставил. Скорее всего сделают, только вот когда не понятно.
Спасибо за видео. А можете подсказать, как отключить адаптацию?
Так же, на мобильной версии сайта (если зайти на страницу с телефона)
У меня песочные часы на выдвигаемым меню.
Скажите мне, пожалуйста, почему-то в режиме планшета у меня ни одно видео не показалось. В компьюторной версии видео и текст расположены в секции из двух колонок, в одной видео, в другой текст, а в планшете в одну колонку и только текст.а видео где? Его нет нигде! В телефлнной версии все перепутано, но видео присутствуют. И как быть? Где видео искать? Спасибо.
Привет, классный канал, выручаешь! Спасибо!
Пару вопросов: у меня стандартная тема от wordpress ( я темы вообще не использую, все равно страницы с 0 на элементоре рисую.), Вставлен блок "Слайд-шоу" блок, в который вставлены картинки, и он автоматически их перелистывает. Кроме автолистания есть ещё и ручное перелистывание стрелками слево и справо. На мобильной версии сайта эти стрелки превратились в песочные часы! Работают нормально, но отображаются некорректно. Как исправить?
Ребятки всем привет! Подскажите, на мобильных устройствах на хостинге пропадает задний фон у всех секций?
Что это как это? с чем кушать? На локалке все работает.
Добрый день. Подскажите пожалуйста как в заголовке сделать "резиновый" текст, чтобы при уменьшении экрана он не превращался в лесенку, а просто уменьшался. Спасибо!
один вопрос: на нельзя настроит разрешение когда например сайт перейдёт с десктоп версии на планшетную?
Сделайте пожалуйста видео о том, как можно скрыть сайдбар для мобильной версии, или как вариант, что можно сделать, что бы он не уезжал вниз сайта в версии планшета и мобильной.
Тоже этот вопрос мучает
Привет. А можно ли сделать в элементоре так, чтобы при изменении размера окна браузера холст сайта не изменялся? Или тогда адаптация работать не будет? Как элементор определяет с какого типа устройства человек на сайт заходит?
Привет. Видео как будто не смотрел. Говорил ведь, что адаптивность не отключается. Если не будет адаптивности, то сетка будет фиксированной ширины и всё содержимое в ней тоже.
В видео тоже объяснял, то не Elementor определяет, он лишь размещает медиазапросы в CSS, а определяет их браузер на конкретном устройстве.
И все же есть проблема с адаптивность для ноутбуков с разрешением 1024. Как ее устранить не могу сообразить
Врежиме мобильного установлена ширина 360 рх. Мжно ли как-то этот параметр поменять? Ну например на 480
Показываешь и рассказываешь очень красиво.
Вот только делу это не поможет)
У меня почему-то не встаёт мобильная версия должным образом, проблема в том, что сайт становится меньше экрана смартфона...приходится пальцами растягивать под экран.
Подскажи где настроить Elementar, что бы все было ровно?
Не поможет так не поможет ))
Я говорил в видео, что может что-то мешать и из-за этого появляться горизонтальная прокрутка. Могут быть конфликты с другими плагинами. Пробуй инструкцию:
В WordPress есть универсальный способ экспресс диагностики ситуации.
1. ВАЖНО! Сделайте резервную копию базы данных и файлов сайта.
2. Временно активируйте стандартную тему, например Twenty Seventeen. Если она уже активна, то другую, например Astra.
Если проблема в теме, то ищите в чём именно или замену текущей теме.
3. Если проблема не решена, то временно деактивируйте все плагины, кроме основного, в котором работаете. Например, Если вы делаете страницы в конструкторе Elementor (Pro), то нужно деактивировать все плагины кроме Elementor (Pro) и проверить наличие проблемы.
Если проблема исчезла, активируйте плагины по одному пока она вновь не проявит себя.
Если вы выявили проблемный плагин и он имеет множество настроек, то отключите все настройки, проверьте проявляется ли проблема. Если нет, то включайте настройки по одной до тех пор пока проблема вновь не проявит себя.
4. Если на предыдущем шаге проблему решить не удалось, то нужно проверить не подключены ли сторонние скрипты, такие как онлайн-консультант, заказ звонка, счётчики, показ рекламы и др. Временно удалите подключение скриптов и проверьте наличие проблемы.
Повторяйте подключение скриптов и проверку наличия проблемы по аналогии с плагинами.
5. Если есть проблемы с внешним видом, проверьте не добавили ли вы произвольные CSS в настройщике темы или специальным плагином.
Временно удалите стили и проверьте проявилась ли проблема. Если нет, то вставляйте стили по одному, пока не выявите проблему.
-----
Только после этих базовых действий можно двигаться дальше в диагностике и решении проблем.
Я понимаю, что всех нюансов веб-программирования не донести через видео.
Да что говорить, даже опытный прогер иногда "ловит берёзку"))
В общем решил проблему.
Объясню как.
При правке дизайна под мобильник, я увлёкся позиционированием элементов на экране и вынес вставленные компоненты в колонку за её пределы...они как бы вылезли за пределы шаблона (грубо говоря)
Как говорится...вот они грабли)
Сам я не программист, но иногда балуюсь и вот тут ты попался на глаза с красивыми рассказами и красивыми сайтами...я посмотрел на свой сайт, который делал 10 лет назад ещё на джумла 1.5 и понял, почему в компании нет заказов))))
Вот сижу теперь, делаю сайт сам.
Просьба есть, если будет время и делание, выпусти видеоролик по позиционированию элементов внутри колонок, так сказать более подробно.
Спасибо за ответ!
Отличное видео! подскажите пожалуйста, где редактируется мобильное меню, иненно размер кнопок в гамбургере?
Если я правильно понял, то на вкладке Стиль > Выпадающее > Горизонтальный отступ/Вертикальный отступ.
Спасибо
Благодарю, если сайт сделан частично в Elementor, частично в редакторе WP, то в El-r - е я могу только редактировать те части которые сделал в El-r - е ? или могу весь сайт в любом случае?
Только те, что в Elementor.
Здравствуйте. Вы можете подсказать, как можно решить одну проблемку. На сайте есть меню, пункт "Преимущества" привязан к компьютерной версии блока. Этот блок под мобильные сделан отдельно. И вот на мобильном естественно из меню не переходишь на блок "Преимущества", т.к. он скрыт. Как можно мобильную версию этого блока привязать к меню? Что-то у меня никак не получается. Помогите пожалуйста.
Александр, ответьте на вопрос по элементор про. Что значит поддержка и обновление в течение года, если покупаешь максимальную версию? Потом плагин элементор про не будет обновляться или нужно будет опять покупать его версию?
Михаил, в этом видео ответы на вопросы ruclips.net/video/EEPtZHAazS4/видео.html если что-то останется неясным, задайте под ним.
WPLovers - о Wordpress понятно и с любовью , спасибо
Почему в моб.версии стили шрифтов слетают? В режиме конструктора всё норм, но как проверяешь на реальных устройствах, стили слетают
Я сделала страницу, где есть секции, разбитые на 2 колонки с текстом и кнопками. Есть такая проблема, что при разном разрешении экрана, кнопки начинают "плясать" и выходят на разном уровне. Хотя в том варианте, которые есть, все нормально. Страница адаптирована. Думаю, что это из-за разного разрешения экрана.. Как исправить данную ситуацию? Пробовала изменять параметры Брейкпоинт для планшета, но ничего не помогает.
Куча вопросов, столько всего не понял, на счёт того же фона, у меня на комп версии должно быть левая половина каким-то цветом, а вторая половина изображения, но на телефоне это не смотриться, так что фон просто белый должен быть, думал изменить, но изменилось как на телефоне, так и на компе, хорошо что в истории вернуться можно обратно, получается только с помощью кода как-то можно, хотел попробовать сделать сайт, с использованиям минимум кода, нравится пощелкать, но в принципе ок. Ещё секции по центру разделил на 3 блока с фотографиями по 33% на моем мониторе норм выглядит, взять немного меньше, уже не помещаеться, и из-за этого, вылазит за границы, и дополнительно справа белая полоса большая
Подскажите! Адаптирую под телефон и при этом изменения касаются и пк версии. Как это исправить?
Здравствуйте, столкнулся с такой проблемой, когда переворачиваешь Iphone, то сайт отображается не так ровно как должен быть, есть способы решения?
Здравствуйте, вы нашли решение? тоже столкнулся с такой проблемой в Элементоре
Енотик Орео, добрый день, пока что не нашёл
все заголовки нормального размера, ничего не уступает, но к сожалению горизонтальная прокрутка не исчезает. Не понятно как его делать
нет горизонтальных версий. если смотреть в браузере потом и переворачивать то все портится конкретно
Здравствуйте, а анимацию только для мобильных можно отключить?
Здравствуйте. Пока нет. У разработчиков висит этот вопрос. Ждать остаётся.
Добрый день. Спасибо за видео! Вопрос,конечно, не совсем в тему видео, но уж очень наболевший. Делал в Элементоре страницу, где каждая секция разворачивается на весь экран (в настройках секции: на всю высоту экрана).С виджетом полноэкранной прокрутки от Jet Elements. Делал на мониторе диагональю 27 дюймов и, соответственно, разрешением 1920х1280. А на ноутбуке диагональю 15,6 и разрешением 1366х768 на странице все поехало, элементы из верхних секций заходят на нижние и наоборот. Подскажите пожалуйста, можно ли это исправить или нужно только вручную задавать высоту секции, после чего на небольшом мониторе она сразу на весь экран не влезет и будет прокручиваться?
Да и дело даже не в полноэкранной прокрутке, при меньшем разрешении все и по ширине сбивается...
Попробуйте задать Мин. высота, выбрать VH и поставить значение 100. Отпишите о результате.
@@DigitalAlex Я прошу прощения, а VH - это что?
@@garael7123 Параметр Минимальная высота и над полем где вводится значение есть вариант выбора PX и VH.
А можно ли сделать так, чтобы при загрузке сайта на телефоне, он (сайт) перенаправлял бы пользователя на отдельную страницу, специально созданную для мобильной версии?
Самый простой вариант использовать один из этих плагинов
ru.wordpress.org/plugins/simple-mobile-url-redirect/
ru.wordpress.org/plugins/advanced-mobile-redirect/
ru.wordpress.org/plugins/mobile-redirect-plus-lite/
@@DigitalAlex А перенаправление может повлиять на негативную индикацию страниц Гугла? Понижать в выдачах и т.п.?
@@robertlinkiavichius3961 Наоборот скажется позитивно. Google поймёт, что для сайта есть мобильная версия, там специальный редирект ставится.
Пытаюсь адаптировать сайт под мобильные устройства. Но на компе показывает одно, а если зайти на сайт непосредственно с мобильника, то показывает совсем другое. Не совпадает, то что сделал для мобильной версии
Даже когда текст делаю совсем маленьким, то все равно ползунок горизонтальный не исчезает. Выравнивание по центру так же не помогает в мобильной версии
Подскажите пожалуйста, как решить проблему. При просмотре сайта в мобильной версии, у меня в самом низу остаётся много свободного места, которое приходиться прокручивать. Как мне убрать эту не использованную область, на которой нету секций и виджетов?
Доброй ночи, в каком видео глянуть как сделать кликабельным номер телефона с мобильных устройств?
Здравствуйте. Видео нет. Просто вставьте в ссылку любого виджета ваш номер без пробелов и перед ним tel:
Вот так tel:+78889995544
Как сделать заливку фона картинкой на секции, как в верху, где книга
Изучать базу, срочно!
Серия уроков: секции, ряды и колонки
1) Структура макета Elementor ruclips.net/video/2xW5MMIMd8s/видео.html
2) Настройка макета Elementor ruclips.net/video/TCoKT31iMcg/видео.html
3) Стили макета Elementor ruclips.net/video/U1sDOzkAhSw/видео.html
4) Расширенные параметры макета Elementor ruclips.net/video/nouEooGK8zs/видео.html
Интересно узнать как адаптировать для компьютеров без елементора
Большая тема для которой придётся освоить CSS.
Приобрести курс по CSS и изменять внешний вид сайта самостоятельно - digitalalex.ru/catalog/kursy/razrabotka/razrabotka-lite/css/
почему на телефоне с одной стороны прокручивается на белый фон?
Добрый день Александр. Подскажите пожалуйста, как отключить адаптацию под смартфон. Разработал сайт с помощью плагина Elementor, теперь хочу чтоб с телефона открывался сайт как на компьютере, не адаптировался. Знаю как отключить, чтоб сайт не показывался на моб. устройствах, но мне надо чтоб показывался, но при этом страница отображалась как на компьютере
Здравствуйте. Штатными средствами никак к сожалению. Нужно из шаблона шапки темы вырезать строку, содержащую viewport. Тогда адаптивность работать не будет.
@@DigitalAlex Спасибо. Так и сделал, но уже сам разобрался) Сам противник того, чтоб сайт не адаптировался под моб., но это зависит не от меня, а от заказчика
@@viktoryerokhov О да, они такие. Это потому что пытаетесь Elementor использовать для вёрстки макетов. Это неправильно. Elementor не инструмент для визуальной вёрстки. Это конструктор страниц. Да, под него можно и нужно рисовать макеты, но с прицелом на его возможности.
Вопрос. Как адаптировать сайт под разные виды мониторов с разным разрешением и соотношением сторон? У меня монитор 1920*1080 все на нем ровно. А на 1366*768 уже все криво. Я уж не говорю про квадратные мониторы 3*4
По идее, есть есть одна общая базовая сетка определённой максимальной ширины и вы в рамках этой ширины всё и делаете. Что именно криво, можете показать?
Может он имеет виду вообще резиновый шаблон, но у меня на 1366х768 и тот большой размер - вроде нормально
Так вот. Таких сеток в элементоре всего три. А можно сделать больше? Что бы под все популярные разрешения. Может есть плагин?
@@letuneproduction6668 плагина нет. Обещали в будущем добавить больше брейкпоинтов. Мне хватает и того, что есть, если честно.
Спасибо за виде и вообще спасибо тебе огромное за все видео благодаря тебе быстро разобрался с елементором сделал ну на мой взгляд 5 классных одностраничников и сайт на астре все кстати леплю на ней. У меня кстати вопрос у всем моих сайтов почему-то при просмотре на телефоне не показываются логотипы? я уже все перепробывал измпнял ее размер и вес короче странно и именно на 5 сайтах. я точно что-то делаю не так
иногда в хроме тоже не показввается. А так очень круто ты объясняешь все.
Женя, спасибо за тёплые слова! Логотипы каким виджетом вставляешь и в каком формате (jpg, png и т.д.)?
WPLovers - о Wordpress понятно и с любовью я не виджетом, а просто в теме сайтбаре иам просто вставляю виджет в формате png.
Значит вы правы, что-то вы не так делаете =)
WPLovers - о Wordpress понятно и с любовью а есть какой-то виджет? для вставки лого? и фавикона?
ой не виждет, пюа плагин
Александр подскажите пожалуйста что делать, если в мобильной версии в элементоре нет прокрутки, а когда с телефона заходишь она есть, что делать
Какой прокрутки? Страницу не можете проскроллить вниз или что? На чём смотрите?
Боковая прокрутка) В визуальном редакторе елементор все ок, а в телефонах xiaomi 4, 5 note влево прокрутка идёт. Потом вниз экрана когда скролишь то более менее все оптимизируется но прокурутка влево не изчезает.
@@DigitalAlex короче это возникает из за того, если помечаешь изображения как медиафайлы
@@Censored74 Здравствуйте, столкнулся с такой же проблемой. Подскажите пожалуйста где убрать отметку изображений как медиафайлов? Не могу никак найти
@@Oreo_Raccoon Если не решена проблема. Решение во всех секциях в настройках Макета отключить Overflow (должно быть СКРЫТО) и будет счастье вам
У меня такая проблема! Ширина колонок регулируется только на десктоп и мобильной версии. На версии планшета они идут в ряд друг под другом и ничего не меняется. Причем, если сделать ширину в мобильной 50 на 50, то она становится такой же на планшете. Почему? Весь инет перерыл((
Нашел в чем баг. Если масштаб страницы в браузере отличен от 100 процентов, то невозможно изменить ширину колонки под планшетную версию сайта.
Спасибо за информацию. Скажите, пожалуйста, как думают решать разработчики елементер проблему не соответвия скорости получаемого сайта требованиям Гугл, особенно на мобильном.
Спасибо за видео. Столкнулась с такой проблемой. Адаптирую всё в elementor для планшета и телефона. Всё выглядит красиво. Но когда перехожу на сайт в выбираю в настройках плашет или телефон, всё отображается криво. WP установлен локально на компьютер через OSPanel. Не могу понять чему верить и как это будет отображать в реальности на телефоне, когда я перенесу всё на хостинг?
Если правильно оптимизировать, то должно и в эмуляции браузера отображаться нормально. Чтобы проверить, как будет на устройствах конечно самый верный способ - опубликовать сайт на хостинг. Мне сложно вам что-либо подсказать пока я не вижу результат.
В редакторе при адаптации всё хорошо отображается?
WPLovers - о WordPress понятно и с любовью Что значит правильно? Я выравнивание все элементы. Всё хорошо отображается. А переходя в браузер всё сползает. Даже фоновая фотография отображается не корректно. Вы когда-нибудь слышали о таком? Или это только у меня так?
Кэширование включено у вас?
нет
Подскажите, а если я хочу отключить мобильную версию, как сделать что бы просто показывалась адаптивная?
В Elementor только адаптивная и есть. Одна единственная. Если хотите и её отключить, то нужно удалить в теме из области head строку с упоминанием viewport.
WPLovers - о WordPress понятно и с любовью
Я удалял , ничего не происходило. Показывалась все равно мобильная.
А надо что бы была такая же десктопная на мобильном
@@pazlife1745 Это не родной метод, поэтому нет гарантии.
WPLovers - о WordPress понятно и с любовью
По другому нет вариантов видимо ?
Жаль что разработчики не внедрили это
@@pazlife1745 Пока нет.
Elementor как добавить собственный класс ?
На вкладке расширенные каждого элемента есть поле и для ID и для класса.
Один вопросы был, плюс один возник при просмотре?
1. Не могу справится с горизонтальной прокруткой. Всё вроде маленькое, а она всё равно есть.
2. Почему нельзя скрывать колонки? В чём подвох?
Друзья привет! Может кто знает существует ли плагин, который сделает твой сайт адаптивным для разных браузеров. Я сделал сайт, но он плохо отображается во всех браузерах кроме гугла. Кто знает подскажите пожалуйста!
Привет. Чудес не бывает, чтобы вот так взять и решить вопрос одним плагином.
На смартфоне появляется горизонтальный скролл. Не могу найти с чем связано. Все хвосты по убирал😣. Скролл ровно на ширину полосы прокрутки редактора😩. Помогите пжл
Добрый день) У меня похожая проблема. Подскажите: Вам удалось ее решить? Если да, то каким способом?
@@user-su4vt4mg2k Здравствуйте. В общем пришлось проверять каждую колонку-тексты, изображения. Отключал "видимость на телефоне" на каждой колонке и проверял по одной на телефоне. В итоге нашёл один текст который на конструкторе и на телефоне красиво сидит а на деле невидимый хвост был. Скопировал содержимое, удалил "текст", заново поставил и все стало норм. Придется попотеть в поисках если контента много
@@user-tf5fx3ig6z Здравствуйте) Благодарю за оперативный ответ!
Но, к сожалению, но не поняла, что имеете в виду под виду "видимость на телефоне" ?
ОООО, Яндекс Браузер, братааан)
😂вот это реакция )) Ну да, я его для записи использую. Удобно. Основной у меня всё равно Chrome. Хотя пользуюсь я ими поровну.
@@DigitalAlex Однозначно подписка)
@@DigitalAlex Знаешь, снята уже куча видео о том, как получить подписчиков на свой канал. Но все забывают про Яндекс Браузер.
@@user-np8kg4lc5x 😂 двигатель прогресса ))
У кого проблема - горизонтальная прокрутка в мобильной версии попробуйте следующее:
Во всех секциях, в настройках макета отключите overflow (есть такой пункт). Overflow должно быть скрыто
Привет, а не было такой проблемы как не показывает задний фон изображений на мобильных?
На локальном хостинге все круто, перенес на бегет, и задние фоны слетели на мобильных устройствах. :(
@@user-rd4hw1dx7m бывает слетает что то при переносе. У меня срабатывало - сношу что не работает и устанавливаю заново. А так не сталкивался с именно такой проблемой
@@moimirira , нашел проблемку спс. У него лучшие курсы пока что, не все рассказывает, по сравнению с другими - это клад. Остальные просто чушь несут ради видосов на ютубе.
как сделать фиксированную мобильную версию в elementor?
Как адаптировать под компьютеры
Это у вас версия элементора платная?
Оптимизация доступна и в бесплатной, но вообще да, я использую платную версию.
как контролировать процесс адаптации в промежутке десктопа и планшета? Сайт на всю ширину 1750 в колонке этой 6 блоков картинка с текстом они расположены в притык друг к другу. просматривая это на ноуте в 1366 это все сжалось до уродского состояния как это контролировать?
У меня вообще дич в мобильной версии твориться. Там ничего обсолюьно не читаемо, картинок невидно, и это просто полный ппц. Я даже без понятия что там можно сделать)
Наконец-то не Хром
Отличное видео как всегда! Но мне везет на глюки:) Реверс колонок для мобильных работает не корректно... вот shkafy-ak47.ru/test/ ... пару дней повисит потом удалю.
Игорь, а вы точно принцип их работы поняли? Я не увидел у вас проблем. У вас ведь всё содержимое в одну колонку идёт друг за другом, заголовок > колонки со шкафами и т.д. Единственное только сами шкафы по колонкам, но их то зачем инвертировать.
Да, понял. Вы с мобильника зашли? Первые корпусные... следом встроенные, вот реверс.
Следом радиусные... опять все хорошо без реверса.
Видимо кэш был, теперь вижу.
- Корпусные
текст
фото
- Встроенные
текст
фото плиткой в линию. Скорее всего нужно выставить ширину колонок по 50% для мобильных
- Радиусные
текст
фото
- Угловые
фото
текст
- С зеркалом
текст
фото
- С пескоструем
фото
текст
и тд. попеременно
Скорее всего я чего-то не понимаю =)
Привет, может кто-нибудь помочь!? Хочу сделать кнопки на изображении (т.е поверх самого изображения, и чтобы они как бы привязались относительно этого изображения) все получается замечательно, но с изменением разрешения экрана монитора, кнопки начинают съезжать, режим адаптивности не помогает, в css прописывал разные стили, все равно съезжает. Может кто-нибудь знает как это исправить? Буду признателен!
P.S Пользуюсь бесплатной версией, может в платной есть решение без костылей)
Привет. А платной тоже нет. Изображение как вставляете, фоном или с помощью виджета?
@@DigitalAlex изображение из плагина метаслайдер,вставляю его шорткодом во внутреннюю секцию, под него ещё одну секцию с кнопкой, задаю ей позицию, все норм,но только на моем мониторе, на телефонах,ноутах, все улетает. Само изображение масштабируется как надо,но вот кнопка....говорят нужно изображение задать как контейнер с относительной позицией, а кнопку абсолютной, но не помогло(хотя я думаю,что неправильно сделал)
@@DigitalAlex забыл поблагодарить за ответ) Уже все решил)
.
Я думал Элементор переносит слово, а не втыкает его целиком. Фигня какая-то. Так любые конструкторы умеют.
Михаил, переносы в заголовке это бред от которого больше вреда, чем пользы.
Ну а вообще, есть 2 взгляда на мир. Муха видит дерьмо и помойки, а пчела благоухающие луга. Чуете к чему я?
WPLovers - о Wordpress понятно и с любовью ))) да, вы любитель метафор. Согласен, что в заголовке перенос не лучшее решение. Более умные конструкторы уменьшают шрифт автоматически.
Хорошая тема, если это можно контролировать.
Elementor то еще дерьмо, не понимаю вообще как вы им пользуетесь