Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 13, 2020 at 2:04 pm #1245508
    heufti65

    Hi, we have inserted the enfold contact form on the page, but the form ist not shwoing exactly on mobile phones. The bottom with the sendig button is missing. What could be the problem? We have enough space under the button …

    September 13, 2020 at 11:22 pm #1245559
    Mike

    Hey heufti65,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 430px) { 
	#kontakt, #kontakt .av-section-color-overlay {
    height: 105vh !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 14, 2020 at 8:10 am #1245671
    heufti65

    Thank you. I have tried it but it works not.

    September 14, 2020 at 8:35 am #1245674
    heufti65

    If i test it in Firefox Screen Devices, all looks good.
    But LIVE in my new iPhone SE the CTA Button is cutted.

    September 14, 2020 at 1:14 pm #1245753
    Mike

    Hi,
    Please try adding this css below the other css, so this runs after:

    @media only screen and (max-width: 430px) { 
	.avia-safari #kontakt, .avia-safari #kontakt .av-section-color-overlay {
    height: 132vh !important;
}
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    September 14, 2020 at 11:22 pm #1245877
    heufti65

    Yes, that was the trick. THANKS!

    September 15, 2020 at 12:34 am #1245891
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Contact Form mot showing exactly on mobile’ is closed to new replies.