Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 19, 2021 at 12:37 am #1295052
    tom_wordpress

    Good day,
    Unfortunately I have problems with the contact form on my mobile phone. The form goes beyond the page width. I have already tried some CSS code. But so far nothing has worked perfectly.
    The following code had worked in mobile portrait format, but not in landscape format.

    @media only screen and (max-width: 767px) {
    .home .avia_ajax_form p {
    width: 65% !important;
    }
    }

    Website:
    http://www.alexandra-und-silvio.de
    I hope you can help me.

    Best regards

    April 19, 2021 at 6:51 am #1295122
    Nikko

    Hi tom_wordpress,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .avia_ajax_form fieldset {
    min-width: auto;
}

    Best regards,
    Nikko

    April 19, 2021 at 8:39 am #1295149
    tom_wordpress

    Good morning Nikko,
    Thank you very much for your help, it worked very well.

    Only the reCaptcha hint is still cut off. Can you give me a tip on this?

    Best regards

    April 19, 2021 at 8:49 am #1295155
    Nikko

    Hi tom_wordpress,

    You’re welcome :)
    Please add this CSS code as well:

    #top .avia_ajax_form .av-google-badge-message {
    min-width: auto;
}

    Best regards,
    Nikko

    April 19, 2021 at 10:40 am #1295210
    tom_wordpress

    Hi Nikko,
    Thank you very much for your help, it worked very well.
    Best regards

    April 19, 2021 at 11:41 am #1295228
    Nikko

    Hi tom_wordpress,

    We’re happy that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Contact form Responsive problems’ is closed to new replies.