Form elements disappears on mobile

Hello Helle,

I checked your site on my mobile and it shows all the fields, please see

Have you managed to solve this?

kind regards,
Kasia

Hi Helle,

This usually happens if you have fixed size set so the embed is not responsive anymore but it rather uses the fixed size that you’ve used.
Can you try going to your embed in backend, go to Design tab and in there disabled “Custom embed size” option, if it’s enabled and that should do the trick.

Cheers,
Predrag

Hello there @hellesuhr,

could you please try out the following CSS snippet?

@media screen and (max-width: 480px) {
  .module_id_3 .hustle-modal {
    width: 100% !important;
  }
  .module_id_3 .hustle-modal-two .hustle-modal-optin_form {
    display: block !important;
  }
}

Let us know how that goes or if you’re having any difficulties with that. 🙂

Thank you,
Dimitris

Hello there @hellesuhr,

Could you please export the module settings as shown here:
https://take.ms/TUbHd
And share these with them here in your next reply? You can use a service like Dropbox or Google Drive for doing that.

Thank you,
Dimitris

Hello @hellesuhr,

please add the following code in Appearance -> Customize -> Additional CSS:

@media screen and (max-width: 480px) {
  .module_id_3 .hustle-modal {
    width: 100% !important;
  }
  .entry-content .module_id_3 .hustle-modal-two .hustle-modal-optin_form {
    display: block !important;
  }
}

I tested it with your own embed settings and works well (doesn’t when used in the embed custom CSS though).

Warm regards,
Dimitris

Hello there @hellesuhr

Could you please send me an email to contact@wpmudev.org using this template:

Subject: “Attn: Dimitris”

Message: link back to this thread for reference

Keep in mind the subject line as ensures that it gets assigned to me.

Thank you,
Dimitris