Mobile Responsiveness

  • Resolved wapoxac

    (@wapoxac)


    5 years, 9 months ago

    Hey,

    If you have two columns side-by-side like this:

    Name Email

    How do you get them to show on mobile as:

    Name

    Email

    I went to the ‘layout’ in Form Maker and set WIDTH:100% for each column to test it out, but it didn’t make a difference.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Zhanna Khachatryan

    (@zhannak)

    5 years, 9 months ago

    Hello @wapoxac,

    Thanks for your inquiry.

    Dear friend, please add the below CSS code in form theme’s custom CSS section or in Appearance > customize > additional CSS section and check again:

    @media screen and (max-width: 767px) {
.fm-form-builder .wdform_column {
  flex-direction: column;
}
}
    Thread Starter wapoxac

    (@wapoxac)

    5 years, 9 months ago

    Hi @zhannak,

    I placed your CSS in the theme’s CSS section. It doesn’t apply the flex-direction: column;, however I tried adding just a background-color property to see if the media inquiry even worked and it applied the background-color.

    Not sure why it wouldn’t apply the flex-direction: column;?

    Thread Starter wapoxac

    (@wapoxac)

    5 years, 9 months ago

    I used ‘display: inline-block;’ instead. That spans the columns and another bonus is that it is compatible with a lot more browser versions.

    Thank you for your help.

    Plugin Support Zhanna Khachatryan

    (@zhannak)

    5 years, 9 months ago

    Awesome @wapoxac!

    Thanks for getting back to me.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile Responsiveness’ is closed to new replies.