Docs

[Rue Nel]

Hello There,

Please have the code updated and use this instead:

@media only screen and (max-width: 767px){
  #mc_embed_signup input#mce-EMAIL {
    max-width: 150px; 
    font-size: 10px;
    padding: 10px;
  }

 #mc_embed_signup input#mc-embedded-subscribe,
 #mc_embed_signup input#mc-embedded-subscribe:focus{
    font-size: 10px;
    line-height: 10px !important;
    padding: 10px;
  }
}

Please let us know if this works out for you.

[bigboxhead]

Hi,

Sorry, I still can’t enter any details in the email address field now on mobile device, the field just appears blank and can’t enter text into the email field.

Thanks
Kerry

[Jade]

Hi Kerry,

I tried to check your site on my mobile and the email field seems to be working fine. See screenshot attached. Kindly try clear you phone’s browser cache and load the site again.

[bigboxhead]

Hi,

Yes I checked on my iPhone 6 and my girlfriends and both are having the same problem, cleared history in settings so unsure where to go from here?

[Nabeel A]

Hi again,

I checked in different device simulators and it is working fine on my end. You can try adding the following code in your Customizer:

#mc_embed_signup input#mce-EMAIL {
    position: relative !important;
    z-index: 9 !important;
}

Let us know how this goes!

[bigboxhead]

Hi, We have checked on a few friends iPhones and it appears the same, no text and can’t enter a email in the email field.

[Rad]

Hi there,

Please change this CSS,

@media only screen and (max-width: 767px){
#mc_embed_signup input#mce-EMAIL {
    width: 150px; 
    font-size: 10px;
    padding: 20px;
}
}

to this,

@media only screen and (max-width: 767px){
#mc_embed_signup input#mce-EMAIL {
    width: 150px; 
    font-size: 10px;
    line-height: 10px;
    padding: 20px;
}
}

Thanks!

[Author]

Posts