MailChimp form not showing on mobile

[schoolencasa]

Hello,

I’ve added a MailChimp form to my homepage, replacing the MailChimp form I previously had via shortcode with X ( when I upgraded to Pro it stopped working). So I got the code from MC for the form, choosing the “naked” option, and styled it with CSS. It looks and works as expected on desktop, but despite showing up in the mobile preview, there is simply nothing there when I view my homepage from my phone. This is true both on my live site, https://schoolencasa.com, and on my dev site, http://dev.schoolencasa.com. I’ll include a screenshot of how each looks from within Pro on the mobile view. When I look from my phone, however, the element just doesn’t exist. Can I make it show up on mobile, or do I need to add a separate element that only shows on small screen sizes? Thanks for your assistance.

[Prasant]

Hello @schoolencasa,

Thanks for asking.

I don’t see Mailchimp form while browsing website from desktop screen. Please see screencast. https://cloudup.com/c3dyOwwexAl

In case I am missing something, please let me know.

Thanks.

[schoolencasa]

Well, it should be there, according to my view in Pro. I tried an incognito window on my computer, and I don’t have it there either. Why is it showing fine in Pro, but not evident at all on the published page? I’ve saved many times since adding the form’s html, so it isn’t that I’ve made a change that just hasn’t gone live yet. It’s really odd. I’ll add another screenshot that shows the element really is there, just not appearing for some reason. The html I have in the content area is as follows (I’ve removed all of the opening left angle brackets in the code so it will show up, I’m not sure how to post code otherwise, sorry!):
``
div id=“mc_embed_signup”>
form action=“https://schoolencasa.us3.list-manage.com/subscribe/post?u=c18baddf9e7f9751097e743a4&id=f6cd3a25e5” method=“post” id=“mc-embedded-subscribe-form” name=“mc-embedded-subscribe-form” class=“validate” target="_blank" novalidate>
div id=“mc_embed_signup_scroll”>
div class=“mc-field-group”>
input type=“email” value="" name=“EMAIL” class=“required email” id=“mce-EMAIL” placeholder=“email address”>
/div>
div id=“mce-responses” class=“clear”>
div class=“response” id=“mce-error-response” style=“display:none”>/div>
div class=“response” id=“mce-success-response” style=“display:none”>/div>
/div> !-- real people should not fill this in and expect good things - do not remove this or risk form bot signups–>
div style=“position: absolute; left: -5000px;” aria-hidden=“true”>input type=“text” name=“b_c18baddf9e7f9751097e743a4_f6cd3a25e5” tabindex="-1" value="">/div>
div class=“clear”>input type=“submit” value=“Subscribe” name=“subscribe” id=“mc-embedded-subscribe” class=“button”>/div>
/div>
/form>
/div>

[schoolencasa]

Update: I added a Classic Raw Content element just above the v2 Content Area Element, with this identical html, and it appears that the classic element is showing up live, while the v2 element still does not.

[paul.r]

Hi,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

• Link to your site
• WordPress Admin username / password

All the best!

[schoolencasa]

I added the secure note to my last response. Thanks for looking into it!

Do note that I’ve discovered I’m not currently able to edit English-language pages in Pro, only the Spanish-language pages. (I’ve submitted a question about this on a separate thread, https://theme.co/apex/forum/t/unable-to-edit-translated-pages-in-pro/27274.)

[christian]

Hey @schoolencasa,

Upon checking on my end, your form in both sites work whether in desktop and mobile (real device) (see Secure Note).

Please try clearing your browser cache and also test in incognito and other browsers.

Thanks.

[schoolencasa]

I don’t think you read the whole thread. There are currently two elements there: one is the v2, which does not show at all, and the other is the classic, which IS showing, thankfully. The issue is why the v2 element simply does not appear, despite showing in Pro.

[mldarshana]

Hi There,

Is it possible to update your Pro theme and check this issue again as I could not replicate this issue on my local server. You can check the latest version numbers from here (https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195).

Let us know how it goes.
Thanks!

[schoolencasa]

I had updated except for the newest release; I went ahead and did the most recent update, and now it does show both the classic and the v2 element that are there. So, I suppose this issue is resolved, thank you.

[christian]

Sorry I missed a part but glad it’s sorted out.