Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1114898

    Hi guys

    For the landing page below, the CONTACT FORMS at the top and bottom of page displays om mobile OK, except that the fields have lost their padding/margin on the right hand side. So they are flowing of the right edge of browser. It’s fine however on all browser widths on desktop.

    Can you see why this is occurring?

    Please see screenshot below – thanks!


    Hey pantoni,

    Please try the following css:

    @media only screen and (max-width: 479px) {
      .responsive .avia_ajax_form .form_element {
          width: 86vw;
      .avia_ajax_form .button {
        width: 86vw;
        font-size: 0.72em;

    Best regards,


    Thanks so much Victoria

    Worked perfect!



    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,

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

You must be logged in to reply to this topic.