+2
Hi, I was so excited to finally embed my first form on my Wordpress divi site. I’m assuming it works on desktop because I have received 2 submissions BUT on my phone, when I click the first question, the whole form disappears!
Screenshot showing the form
Best answer by KarenB
Oh! Well that’s good to know,
If you don’t mind sharing the code in case anyone else has the issue, that would be wonderful!
Sure. This is the information someone shared with me:
“It's not the z-index of the header or footer that's causing the problem. The z-index of the header and footer is set to "auto", which means it will be less than 10000.
It's the z-index of the code module used to embed your form and the z-index of the inner content container containing that module that are set too low by Divi. You could try just putting that CSS in the Custom CSS area of Theme Options and see what happens.”
This sounded like it might work, because I didn’t want to have to add code for each page. I added it to the Divi theme options and the form now shows correctly on my mobile phone! This is the code:
.et_builder_inner_content,
.et_pb_fullwidth_code.et_pb_module {
z-index: auto;
}
+2I’d hoped to upload a screen recording from my phone, but it won’t let me. You can see the problem if you look at the site on a phone (it’s fine on PC). https://notmycloset.com/facebook-join-request/v
+5Hello
I'm sorry you're experiencing this issue. 
I've passed on your case to our technical team. They will look into it and get back to you so we can make sure your beautiful form will be working on mobile as well.
I'll keep you posted here! I hope we can solve this as soon as possible.
Sending you a virtual hug! 
+2Thanks for that. I was disappointed when I realised it was happening because I’m thinking that Typeform is going to be great for me. I’ll probably change my email provider to ConvertKit to get the better integration, too (I’m currently with MailerLite) and it should all work super well!
+5I understand, 
I know you already talked to 
+2Thanks for your comment,
If I do stick with MailerLite, I’ll go with the Integromat option, I think!
+5Hi
+2Yes they did and I’ve just replied to their email, thanks!
I still don’t understand the situation fully but someone in a Divi group gave me a piece of global CSS code to add to my site, which seems to have rectified the situation. (My global footer and header elements are set to auto, so apparently they shouldn’t cause a problem but either way, this code seems to be working the trick, so I’ll try again with another form soon)
+5Oh! Well that’s good to know,
If you don’t mind sharing the code in case anyone else has the issue, that would be wonderful!
+2Oh! Well that’s good to know,
If you don’t mind sharing the code in case anyone else has the issue, that would be wonderful!
Sure. This is the information someone shared with me:
“It's not the z-index of the header or footer that's causing the problem. The z-index of the header and footer is set to "auto", which means it will be less than 10000.
It's the z-index of the code module used to embed your form and the z-index of the inner content container containing that module that are set too low by Divi. You could try just putting that CSS in the Custom CSS area of Theme Options and see what happens.”
This sounded like it might work, because I didn’t want to have to add code for each page. I added it to the Divi theme options and the form now shows correctly on my mobile phone! This is the code:
.et_builder_inner_content,
.et_pb_fullwidth_code.et_pb_module {
z-index: auto;
}
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
