Справка WPForms — добавление полей имени и фамилии на мобильных устройствахCSS

Разбираемся в CSS
Ответить
Anonymous
 Справка WPForms — добавление полей имени и фамилии на мобильных устройствах

Сообщение Anonymous »

У меня возникли небольшие проблемы с тем, чтобы это играло для меня хорошо. Я использую WPForms, я просмотрел их документацию, но не могу найти ничего, связанного с «Mobile». Из-за отзывчивости сайта в настоящее время поля будут подпадать друг под друга при переходе на мобильные устройства. Я хотел бы, чтобы имя и фамилия были встроенными, как на рабочем столе.
Это то, что я пробовал.
Используя WP, Elementor и WPforms Pro.
В CSS:

Код: Выделить всё

@media only screen and (max-width:500px) {
.wpforms-mobile-half .wpforms-one-half {
float: left !important;
margin-left: -1px !important;
width: 50% !important;
}
}
Изображение

Я также добавил CSS в формы —
Изображение

Я пробовал поиграться с CSS, удалив некоторые из них и оставив некоторые, изменив размер полей, хотя я уменьшаю их, у меня все еще возникают проблемы с тем, чтобы они оставались встроенными, при любых изменениях Кажется, я по-прежнему действую на настольную версию, что тоже раздражает, но это не имеет никакого значения. Я тоже каждый раз очищал кеш. Я даже пробовал добавить .inline-fields во всю форму.
Буду признателен за любые советы. Спасибо.
Я пробовал:

Код: Выделить всё

.wpforms-first .wpforms-mobile-half .wpforms-one-half .inline-fields 


Подробнее здесь: https://stackoverflow.com/questions/783 ... -on-mobile
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»