styling form with CSS grid is broken on mobile

  • Resolved jms1017

    (@jms1017)


    5 years, 4 months ago

    I want the form to occupy 2 columns for wide screens and a single column for mobile screens, so I used CSS grids to style the form. However the form is broken on mobile, all the fields get smashed together. I added a media query
    @media (max-width: 767px) {
    .wpcf7-form.cf7-style {
    width: 100%!important;
    }
    }
    Any help / suggestions on how to make the form 2 columns for desktop and single column for mobile?
    Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    This question is not related to the conditional fields plugin. I would say this isn’t even wordpress related. You should find a CSS forum. I suggest stackoverflow.

    Before you post your question on stackoverflow, I think you should simplify your HTML code and create a codepen or jsfiddle to illustrate your problem. Good luck!

Viewing 1 replies (of 1 total)
  • The topic ‘styling form with CSS grid is broken on mobile’ is closed to new replies.