Animation on newsletter stopped working for one section

Highlighted
Tourist
10 0 1

Hello! i have a little problem. the "first name" on my newsletter does not animated like the email and subscription button. anyone know how to fix this? Below is a screenshot and the code.

Capture.JPG

 

<div class="newsletter-wrapper newsletter-wrapper--{{ section.id }} one-whole" data-section-id="{{ section.id }}" data-section-type="newsletter">
  <div class="page-width">
    {% form 'customer' %}
      <h2 class="newsletter__heading">{{ section.settings.heading | escape }}</h2>
      {% unless section.settings.subheading == blank %}
        <div class="newsletter__subheading rte">{{ section.settings.subheading }}</div>
      {% endunless %}
      <input type="hidden" name="contact[tags]" value="newsletter">
      <div class="input-group--underline" data-animate>
         <input type="text" name="contact[first_name]" placeholder="My first name"> 
        <input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" name="contact[email]" class="input-group__field" id="EmailField{{ section.id }}" aria-label="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" autocorrect="off" autocapitalize="off">
        <div class="input-group__btn input-group__btn--newsletter">
          <button type="submit" class="btn--newsletter__submit">
            {{ 'general.newsletter_form.submit' | t }}
            {% include 'icon-arrow-right' %}
          </button>
        </div>
      </div>
      <div class="newsletter__message" aria-role="alert">
        {% if form.posted_successfully? %}
          <p class="form-success" aria-role="alert">
            {% unless section.settings.success_message == blank %}
              {{ section.settings.success_message | escape }}
            {% endunless %}

 

0 Likes