В данный момент при уменьшении экрана, элемент выходит за пределы экрана, подскажите пожалуйста как это можно исправить?
Уберите заданные значения width
@kw56 Я нашел заданный width, но проблема в том, что в инспекторе кода не написано, к какому классу он привязан, пробежался по своим стилям, не нашел там этого стиля, что на скриншоте.
И в инспекторе когда отключаю стиль «width:808;» поле «вес» и поле с результатом становится адаптивным, а вот второе поле «продолжительность тренировки» все также выходит за блок.
http://images.vfl.ru/ii/1577736814/6c38da66/29070250.png
Clearfy для начала отключите
@tuxfighter Если вы про «Clearfy» плагин в вордпресс, то он у меня не установлен. А если про какой-то другой «Clearfy», то объясните пожалуйста, что это такое, потому-что я больше не знаю
тогда возможно гадит WP Fastest Cache
@tuxfighter Деактивировал плагин WP Fastest Cache + дополнение к нему WP Fastest Cache Premium тоже отключил.
http://images.vfl.ru/ii/1577779833/56aca032/29072414.png
попробуйте теперь так:
.cff-custom-table tr td,
.dfield span.select2{
width: auto !important;
}
И зачем вы постоянно в посте картинки лепите?
@tuxfighter Я ввел ваш стиль, в итоге поля стали адаптивными, но поле «продолжительность тренировки» стало слишком коротким, а нужно чтоб оно было размером как и поле «вес»
http://images.vfl.ru/ii/1577808470/4c64105b/29075482.png
а нужно чтоб
Ну раз вам нужно, так делайте.
Почитайте что такое медиазапросы, решите на каких размерах экрана будут они меняться и вперед!
@tuxfighter Что такое медиазапросы я знаю, а нельзя как-то сделать, чтоб поле «продолжительность тренировки» просто адаптивным было?
Это ведь если медиазапросами делать, то необходимо для каждого пикселя свою ширину прописывать
а нельзя как-то сделать, чтоб поле «продолжительность тренировки» просто адаптивным было?
Вы уже сделали — вам не понравилось
@tuxfighter Я понял, хорошо, спасибо за помощь!
Попробую с помощью медиазапросов что-то сделать
@tuxfighter Я попробовал сделать поле «продолжительность тренировки» с помощью медиазапросов, это получается мне действительно для каждого пикселя свою ширину прописывать. Ваш стиль помог мне адаптировать поле «вес» и поле с результатом. Можно ли сделать так же с полем «Продолжительность тренировки» чтоб оно само подстраивалось под блок, как это делает поле «вес» и поле с результатами?
Попробуйте добавить в дополнительные стили
#cp_calculatedfieldsf_pform_1 .select2{
display: block;
}
@dallynx Спасибо большое!
Теперь у меня в большинстве калькуляторов выезжающее поле тоже стало адаптивным.
Но проблема все также осталась в статьях где есть выбор между «Мужской — Женский» пол, помогите пожалуйста, как сделать и в таких калькуляторах поле адаптивным?
http://images.vfl.ru/ii/1577979133/0dd6d6d9/29088164.png