Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 4, 2016 at 7:24 am #626938
    TJ

    When the contact form fields are stacked on a screen size < 768px, the fields are not aligned b/c there is a left margin still being applied to all but the first field.

    May 5, 2016 at 5:41 am #627607
    Rikard

    Hey TJ,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    May 5, 2016 at 3:31 pm #627859
    TJ

    Hi. The same issue can be seen on any of the demos that use a contact form. Try this out on a mobile device: http://kriesi.at/themes/enfold-travel/

    Scroll to bottom for contact form.

    TJ

    May 5, 2016 at 3:38 pm #627867
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.responsive .avia_ajax_form .form_element { margin-left: 0; }}

    Regards,
    Yigit

    May 6, 2016 at 2:39 pm #628307
    TJ

    Hi. Thx. I think you mean max-width: 479px though. Also, will this be fixed in a future release?

    Best,

    TJ

    May 6, 2016 at 2:39 pm #628308
    Yigit

    Hi!

    Yes, we informed our devs.

    Regards,
    Yigit

    May 6, 2016 at 2:40 pm #628310
    TJ

    Awesome. Thanks for the help!

    TJ

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Contact form fields not aligned < 769 px’ is closed to new replies.