Form missing on Mobile (iOS) Device

  • Resolved nickw10

    (@nickw10)


    4 years, 1 month ago

    Hi, I’ve got an issue with a form on my website. It doesn’t display on an iPhone or iPad which is a bit frustrating for users.

    I’ve found a couple of other posts with similar issues and tried to resolve my issue using the advice given, I think I fixed the main contact form in the footer not being displayed by adding the following CSS

    
#forminator-module-30458.forminator-ui{
  display: initial !important;
}

    I’ve tried adding the same CSS with the other form ID but it still doesn’t show, it will appear in chrome dev tools though, just not on a device itself.

    I did notice that in Chrome with devtools running as an iPhone X the form is really narrow so it could be that some styles are overriding it and hiding it.

    The page I need help with: [log in to see the link]

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

  • Hi @nickw10,

    These kind of issues usually relate to caching, so could you try editing your form, go to Behavior tab and at the end of that page you will see “Load form using AJAX” and “Prevent page caching on form pages” options.

    Try out different combinations of the two and see if that helps.

    Let us know how it goes and if the issue is still there I’ll hunt down one of my colleagues with an iPhone to check it out further ??

    Cheers,
    Predrag

    Thread Starter nickw10

    (@nickw10)

    I had already tried that, I think I found the issue though, it seems that if the width of the container that the form is in is too narrow then the whole form is hidden, as I had this set with a bit of padding when I removed this it displayed the form, but it doesn’t look great on a mobile device with full-width fields.

    I’ll keep an eye on it over the next few days and then close the ticket if that works for you?

    Thread Starter nickw10

    (@nickw10)

    I have just noticed that although the form is displaying on an iPhone for both chrome and safari now, it doesn’t have the tabs at the top of the form, or the next button at the bottom which kind of makes it useless as the user can’t progress in the form, its like the form is to big for the container its displayed in on a mobile.

    I’ve uploaded some screenshots here

    Thread Starter nickw10

    (@nickw10)

    Quick update on this issue, I found the cause. It was a child theme generated here https://divi.space/divi-child-theme-builder/. The only thing I can think it was is the custom CSS that’s added to the theme to customise the login page. I created another child them that doesn’t have this and it seemed to work just fine.

    But I am using the same child theme generator and Forminator on another site and all is still well.

    I’ll mark this as resolved, but hopefully, it will help someone else.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Form missing on Mobile (iOS) Device’ is closed to new replies.