Force the form position at top

Hello @hassesthlm

Thank you very much for using our plugin.

I’m sorry, I don’t know the styles you are applying. However, if you want the form to be always at the top of the page’s content, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png)

#fbuilder{
position:fixed !important;
top:0 !important;
z-index: 9999 !important;
}

Best regards.

Thanks for your fast reply!
Modified your code and use the !important everywhere now!

One last question:
What is the best way to block the Apple field zoom feature? I heard that it′s possible to use CSS and force a font size to avoid the Apple field zoom. I′ve tried some code that didn′t work for all models of iphone/ipad. Any suggestion?

Hello @hassesthlm

Please, read the following post. It describes the different alternatives you have to disable the zoom:

https://www.w3docs.com/snippets/css/how-to-disable-zoom-on-a-mobile-web-page-using-html-and-css.html

Best regards.

Thanks for a superior plugin and support!

I use this custom CSS in Avada for blocking the zoom:

.cp_cff_14 #fbuilder input[type="text"], .cp_cff_14 #fbuilder input[type="number"]
{font-size: 16px !important;}

Hello @hassesthlm

Excellent!!!

Best regards.