Поддержка Проблемы и решения Мобильная версия сайта

  • Здравствуйте! Не могу разобраться с фоновым изображением сайта. В браузере адаптивная версия ведет себя приличное, но в телефоне изображение сильно масштабируется и ничего не видно.

    • Тема изменена 6 лет, 6 месяцев назад пользователем SeVlad. Причина: перенос в подходящий раздел

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Очень горит. Хотелось бы, чтобы на мой вопрос ответили

    Поэтому Вы показываете режим обслуживания?

    то что вы показали сейчас, тоже ведет себя прилично

    Нет, режим обслуживания нужен потому что сайт не готов. А если зайти с телефона фон главной страницы будет не такой, как в версии с браузера на пк. Это важно.

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

    Снял

    Снял

    Во первых — каком фоновом речь? Там фона почти не видно и на ПК.

    Во вторых — Вы некорректно перенесли сайт:

    В третьих — стоит оптимизировать графику.

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

    Насчёт оптимизации почитаю.

    background-size: cover;
    замените на
    background-size: contain;

    а для мобильной версии лучше отдельные стили прописывать

    Можете пояснить по поводу некорректного переноса?

    Переносить лучше с помощью плагинов миграции. Напр https://wordpress.org/plugins/duplicator/
    И при разработке лучше не использовать «локальный хостинг» на винде. Тем более без виртуалхоста, размещая ВП в подкаталоге.

    Насчёт оптимизации почитаю.

    Только не читайте про «оптимизацию» фотошопом. Он не для этого служит. Используйте http://irfanview.com/ или подобные простые бесплатные программки.

    Поменял на contain, стало лучше, картинку видно если она повторяется, если же ее растягивать — то же самое: либо серый фон, либо очень масштабирована

    Поменял на contain, стало лучше, картинку видно если она повторяется, если же ее растягивать — то же самое: либо серый фон, либо очень масштабирована

    Уберите всё, что Вы насочинали и просто настройте тему в кастомайзере (внешний вид — настроить).


    или

    или как Вы хотите, чтобы было

    Это я тоже делал, тогда не помогло)

    А я за минуту до Вашего ответа решил вопрос)
    Долго искал, подставлял, в итоге надо было поменять height на auto в файле style-rtl.css

    Ура! отмучался.

    В любом случае спасибо за помощь, Ваши советы дельны и пригодятся в будущем!

    Это я тоже делал, тогда не помогло)

    У Вас картинка с мутным левым краем. Именно его Вы видели. Если сделать по центру (я поменял первый скрин — см сейчас), то всё будет нормально.

    Долго искал, подставлял, в итоге надо было поменять height на auto в файле style-rtl.css

    Надеюсь Вы это делал в файле дочерей темы? Иначе потеряете возможность обновления/поломается при обновлении.
    Но нет необходимости править стили в файлах. Все css-инструкции можно в доп. стилях в кастомайзере прописать.

    Да, я менял файл шаблона

    я менял файл шаблона

    ??????????! Какого шаблона?

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Тема «Мобильная версия сайта» закрыта для новых ответов.