x

Firefox doesnt render Mailchimp sign up form correctly

I know this is more to do with Mailchimp than weebly but if anyone can repaste the correct code I should be displaying on my embedded code I would be grateful

Basically viewing the signup form seen here http://www.vinylkitchen.co.nz/subscribe.html in firefox loses the formatting whereas in Chrome it appears fine. Thanks!

<!-- Begin MailChimp Signup Form -->

<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>

<div id="mc_embed_signup">
<form action="https://vinylkitchen.us2.list-manage.com/subscribe/post?u=22dafdec8a5fdc267c95a52f2&amp;id=e9734801d..." 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="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
    <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
</label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
    <label for="mce-FNAME">First Name </label>
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
    <label for="mce-LNAME">Last Name </label>
    <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div class="mc-field-group input-group">
    <strong>How did you find out about Vinyl Kitchen? </strong>
    <ul><li><input type="radio" value="Facebook" name="MMERGE3" id="mce-MMERGE3-0"><label for="mce-MMERGE3-0">Facebook</label></li>
<li><input type="radio" value="Google" name="MMERGE3" id="mce-MMERGE3-1"><label for="mce-MMERGE3-1">Google</label></li>
<li><input type="radio" value="Other" name="MMERGE3" id="mce-MMERGE3-2"><label for="mce-MMERGE3-2">Other</label></li>
</ul>
</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_22dafdec8a5fdc267c95a52f2_e9734801d6" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='MMERGE3';ftypes[3]='radio';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

3,911 Views
Message 1 of 13
Report
12 REPLIES 12
Square

Do you have any add-ons or extensions installed in FireFox, @Finknz? I looked at the page of your form in the newest version of FireFox for mac OS and it loaded fine for me.

3,901 Views
Message 14 of 13
Report

Hi Adam no extensions running. Here is what I see. In Firefox there are no lines to make the field boxes and no subscribe button. 

image

3,889 Views
Message 14 of 13
Report
Square

Hmm... Are there any updates available for FireFox for you?

3,887 Views
Message 14 of 13
Report

No updates available I'm using 59.0.2 64bit

3,880 Views
Message 14 of 13
Report
Square

Hm.. looks like I'm using 57.0.2 and everything appears correct. Can you also try clearing your browser's cache? Or try opening a private window in Firefox?

3,877 Views
Message 14 of 13
Report

Thanks, tried both suggestions and it still displays the same. I saw someone else had a similar problem on another site but I couldnt see where to fix it.

https://kriesi.at/support/topic/mailchimp-signup-inline-labels-not-display-in-firefox/

3,873 Views
Message 14 of 13
Report

I'm having the exact same problem, but with different browsers... it shows up fine in Firefox and Chrome but not in Safari. Smiley Sad Yet I remember it used to show up ok in Safari. sigh.

3,797 Views
Message 14 of 13
Report
Square

What page of your site is your form on, @idapita?

3,794 Views
Message 14 of 13
Report

It’s on the home page of http://strengthinmotion.ca as well as a couple of other pages. I use Weebly through my Netfirms hosting package. BUT today it’s working I noticed! Weird! Thanks for your response though! Smiley Happy

3,785 Views
Message 14 of 13
Report
Square

Maybe something was cached funny? At any rate, I'm glad it's working!

2,387 Views
Message 14 of 13
Report

I had the exact same problem with the MailChimp form on our website! The problem started when I enabled the Tracking Protection feature in Firefox. As soon as I disabled this feature for our site, the form displayed correctly. I don't know if this might be the issue you're experiencing?

2,297 Views
Message 14 of 13
Report



@Adam wrote:

Do you have any add-ons or extensions installed in FireFox, @Finknz? I looked at the page of your form in the newest version of FireFox for mac OS and it loaded fine for me.



I have a kind of similar problem. I made with Mailchimp an embed-code. I see the form on my website (behind the scenes), but when I publish my site, I don't see the text. I thought that it would be solved if I changed the textcolor of my site (which is white), buf if I turn it to black it remains the same. This problem is for Firefox and Chrome. I didn't try Internet explorer or Safari, but think that the same problem will appear. I also tried - after reading the posts here - to disable 'Adblock plus', but that doesn't help. Does anyone know how to solve this?

thx!

http://www.boekvanmijnleven.be/gratis-en-voor-niets.html



1,847 Views
Message 14 of 13
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.