MailChimp code error in footer—Bedford

I am changing my template from Hudson to Bedford, but my code injection for the footer (a subscribe form) is causing an error when clicking the three little lines on the top right corner (when the navigation menu is compressed).  I retrieved the Embedded Code Form directly from MailChimp.  It was working on Hudson, but not on Bedford.   Can anyone help me?  (I can't supply a URL to show the error because it is not live yet.  But I attached photos and the code I'm trying to use below).  I am a dinosaur, so I would appreciate any help. 🦕 THANK YOU!

Here are two photos of compressed views of the Home page.  The second image shows the error that occurs.

1. Before clicking on the hamburger menu lines 

2. After clicking on the hamburger menu lines.  It shows part of the footer (Subscribe to...) rather then the menu choices.

Here is the code (from Mail Chimp) that I am trying to use for the footer using Code Injection:

<div id="mc_embed_shell">
      <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
  <style type="text/css">
        #mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}
        /* 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://lagunabeachhistory.us9.list-manage.com/subscribe/post?u=06aa6f472a60cff2240459958&amp;id=0b91425567&amp;f_id=00d6d2e3f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
        <div id="mc_embed_signup_scroll"><h2>Subscribe</h2>
            <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" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div><div class="mc-field-group"><label for="mce-FNAME">First Name </label><input type="text" name="FNAME" class=" text" id="mce-FNAME" value=""></div><div class="mc-field-group"><label for="mce-LNAME">Last Name </label><input type="text" name="LNAME" class=" text" id="mce-LNAME" value=""></div><div class="mc-field-group"><label for="mce-MMERGE3">Comments? </label><input type="text" name="MMERGE3" class=" text" id="mce-MMERGE3" value=""></div>
        <div id="mce-responses" class="clear foot">
            <div class="response" id="mce-error-response" style="display: none;"></div>
            <div class="response" id="mce-success-response" style="display: none;"></div>
        </div>
    <div aria-hidden="true" style="position: absolute; left: -5000px;">
        /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
        <input type="text" name="b_06aa6f472a60cff2240459958_0b91425567" tabindex="-1" value="">
    </div>
        <div class="optionalParent">
            <div class="clear foot">
                <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
                <p style="margin: 0px auto;"><a href="http://eepurl.com/iKQjX6" title="Mailchimp - email marketing made easy and fun"><span style="display: inline-block; background-color: transparent; border-radius: 4px;"><img class="refferal_badge" src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg" alt="Intuit Mailchimp" style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;"></span></a></p>
            </div>
        </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]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>

It is difficult to see posted code and make a diagnosis. We need to see the code running in an actual site. Please post the URL for a page on your Bedford based site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us.

A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

You may find How to post a forum question post useful.

We can then take a look at your issue.

Thanks so much for your reply, creedon.  My site is not live yet (got a bit of work to do before I can do that), so I have no link to share.

For now, I found that Squarespace has a way to connect to MailChimp directly if I use the Newsletter block.  I have to put it on each page individually but that might be ok. 

I will mark your post as a solution.   I really appreciate that you took the time to respond.