Адаптация формы под мобильное устройство

jacket1991
(@jacket1991)

3 года, 9 месяцев назад

Всем привет!

Пользуюсь плагином для создания форма wpform и столкнулся с проблемой на мобильных устройствах.

При создании формы, для полей: Фамилия Имя и Отчество, был задан класс, чтобы они строились друг за другом: http://prntscr.com/t66aym
И проблема заключается в том, что на мобильной версии этот класс продолжает действовать, а поля становятся очень маленькими.

Как можно задать правило, чтобы от определенного размера экрана, поля вставали друг под друга?

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

Просмотр 1 ответа (всего 1)

(@tuxfighter)

@media only screen and (max-width: 48em) {
    .wpforms-field-container{
    display: flex;
    flex-direction: column;
}
.wpforms-field, .wpforms-submit {
    width: 100% !important;
    margin: 0 !important;
}
}

Просмотр 1 ответа (всего 1)

Тема «Адаптация формы под мобильное устройство» закрыта для новых ответов.

Метки темы

Просмотр