Form with Error on WordPress Mobile

Marketing & Content Hub Lead Capture Tools
1

Hey everyone, how’s it going?

I have a website built with WordPress + Elementor, where I installed the HubSpot plugin and am using a HubSpot form.

My HubSpot plan is Starter.

The form works fine on desktop, captures leads, everything’s good.
But when the site opens on mobile, the form gets cut off, and only the initial phrase shows up — the rest of the form, including the fields, doesn’t appear.

Here’s the page with the form:

Image of the error below:
Page opened on mobile, showing where the full form should appear, but it doesn’t.

In Elementor, when I switch the view to mobile, the error already shows up.

Can anyone help me out?

2

Hi @RAlvarinho,

Thanks for posting in the Community!

I was reviewing your request and found this Community post (https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Form-fields-not-showing-on-Wordpress-site-in-mobile/m-p/579627) where someone else was experiencing the same issue you described. I recommend checking out the suggested solutions to see if any of them help resolve your problem.

Additionally, I’d like to tag a few Community experts to see if they have any additional insights.

@CateDuarte, @jforte, and @IohranAraujo - Does anyone know how to fix this?

Shane, Senior Community Moderator

3

Hi @STierney, thanks for the help.

We are still looking for a solution, trying various alternatives, such as the design, and also uninstalling some plugins. But we haven’t found the solution yet.

4

Conseguimos resolver!

Inserimos este código no css do formulário no Elementor e deu certo:

@media (max-width: 1023px) {
iframe {
height: 700px !important;
width: 800px !important;
}
}