Добрый день!
В мобильной версии сайта выбор области изображения для аватара не помещается в экране, что делает невозможным загрузку аватара, так как пользователь элементарно не видит кнопок управления, а также не видит целиком загружаемое изображение (см. скриншот
). Как сделать, чтобы окно выбора области изображения (и само загружаемое изображение) подгонялось под размер экрана пользователя, ну или как отключить функцию выбора области, в крайнем случае?
Greezlee сказал(а)
Хоть в браузере на компе откройте,
Что не так?
Отключайте лишние плагины, переключайтесь на ВП шаблон по умолчанию (twenty) - ищите кто может влияет. Сторонние дополнения тоже есть смысл отключить на время. Я повторить проблему не смог. 1920 х 1200 изображение грузил - тоже проблемы не вижу - масштабируется все в пределах экрана.
Переключил на стандартную тему - проблема исчезла. С темой Jupiter не хочет правильно работать. Причем вот этот див уменьшается с размером окна:
А все остальные вложенные в него - нет. Помогите, пожалуйста, разобраться сайт
Ну или хотя бы подскажите как отключить функцию выделения области совсем?
Для начала обновите плагин на последнюю версию. У вас 16.1.1
Потом - я не вижу что здесь установлен оригинальный шаблон sunshine -
- вы уже в нем поковырялись и как грамотно это сделали - скажете только вы. Но! Поддерживать ваши кастомизации - вам самому нужно. Возможно вы что-то меняли и поломали. Сейчас я вижу что вы вмешались.
Ставьте с ноля и будем разбираться дальше.
Ничем не смогу помочь. Да - на этой ВП теме что-то вмешивается и размер изображения не подгоняется под размер окна браузера. Происходит конфликт скриптов вашей темы с плагином. (как будто какие-то переменные скриптов накладываются друг на друга)
Вариант сменить ВП шаблон или спросить о том что может переопределять размеры изображений у разработчиков ВП шаблона
- вот в этих местах определяется неверно область видимости окна браузера
На других ВП шаблонах все отрабатывает корректно
Попробуйте этот корректирующий стиль вписать в ваш style.css
.rcl-hand-uploader #ssi-modalContent .jcrop-holder,
.rcl-hand-uploader #ssi-modalContent .jcrop-tracker {
width: 100% !important;
height: auto !important;
}
.rcl-hand-uploader #ssi-modalContent img {
width: 100% !important;
height: auto !important;
position: relative !important;
}
- потом отпишитесь - помогло или нет. Если нет - оставьте его - я еще гляну на вашем сайте.
