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

  • jacket1991

    (@jacket1991)


    4 года, 2 месяца назад

    Всем привет!

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

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

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

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

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

    (@tuxfighter)

    4 года, 2 месяца назад

    @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)
  • Тема «Адаптация формы под мобильное устройство» закрыта для новых ответов.