Question

我正在网站上工作，我想添加一个mailchimp订阅表单。最初我想使用水平表单，但是我实际上将人们的邮件添加到mailchimp列表时遇到了问题，而且因为我不想搞砸任何更多的代码，所以我选择了经典的代码和＃39现在正在工作，但我想把它集中起来并设法通过添加{margin:0 auto;}

来实现这一目标

现在的问题是，在手机中或当我最小化屏幕时，它会消失在左边！我不知道如何解决这个问题。

在崇高的文件中，一切看起来都那么不同

代码：

<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
  #mc_embed_signup {
    font: 14px Helvetica, Arial, sans-serif;
    width: 45%;
    margin: 0 auto;
  }
  #mce-EMAIL {
    color: #333;
  }
</style>


<div id="homee" class="homepage-hero-module">
  <div class="video-container">
    <div class="title-container">
      <div class="headline">
        <h1>Aumenta tus ingresos usando Facebook<br> para tu negocio</h1>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-12 lista">
          <!-- Begin MailChimp Signup Form -->
          <div id="mc_embed_signup">
            <form action="//facebook.us12.list-manage.com/subscribe/post?u=eb920e76ef21ef0d07aca25c8&id=9cbf34e7f5" 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">
                  <label for="mce-EMAIL"> </label>
                  <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
                </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_eb920e76ef21ef0d07aca25c8_9cbf34e7f5" tabindex="-1" value="">
                </div>
                <div class="clear">
                  <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

响应时，中心Mailchimp嵌入表单消失

0 个答案: