• Друзья, доброе утро!

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

    Попробовал немного покопаться и смоделировать ситуацию на стационарном компьютере. Похожая проблема возникает в случае, если отключить background-attachment: fixed или сделать его scroll.
    Выводится эта настройка не через CSS, а в виде вставки в файл процедурой _custom_background_cb() в файле wp-includes/theme.php

    Но достоверно сказать, что виноват background-attachment не могу, поскольку ни на одном своем устройстве из браузера не могу посмотреть на сгенерированный HTML 🙂
    Пробовал прописать в указанной выше процедуре жесткое прописание на fixed, но по предварительному тестирование — не помогло.

    Буду рад советам.

    Собственно сайт http://blog.kvv213.com

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Все же смог посмотреть на файл сгенерированный на планшете. Там fixed присутствует. Значит проблема не в нем.

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Доброе.

    Растягивается потому, что background-size: 100% 100%;.

    Попробуйте добавить

    background-size: 2048px 1152px;

    background-size: 2048px 1152px;

    Спасибо, похоже, что помогло (по крайней мере на локальной копии).

    Теперь, как я понимаю, нужно переопределить функцию _custom_background_cb() которая в theme.php в functions.php моей темы. И должно заработь.

    Так, переопределение функции _custom_background_cb() в functions.php не получается. Ибо функция не переопределяемая. Думаю далее.

    Писать свой обработчик или плагин было не охота, пришлось воспользоваться плагином, который для этой цели специально и разработан Add background-size to Customizer.

    Все работает, всем участникам спасибо 🙂

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