[antoniolucioParticipant]

Hello, the issue i’m having is contact form 7 when I look at it on a mobile iphone 6s and try to input text the screen goes white and can’t see the text but then I hit done and the text is there in the fill in box. I don’t see this issue on my laptop, I have put the same contact form on a different page to test it out and it seems to work correctly so I’m not sure what I did or if a code is making this happen.The form with the issue is on the contact page but the test page name training.
The website is mfsquad.com on the contact page

[JoaoModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[antoniolucioParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Looks like it’s the bug with iOS and background images, it fixes itself when switching browser tabs. When focusing in a form field, the background shrink hence, the transparent form became white(no background).

I’ll continue checking, for the meantime, please add this CSS to Admin > Appearance > Customizer > Custom > CSS as temporary fix.

  body.page-id-311 .backstretch {
  display: none;
  }
  body.page-id-311 {
background: url( http://www.mfsquad.com/wp-content/uploads/2017/02/box-gym.png );
background-size: cover;
background-attachment: fixed;
}

Thanks!

[antoniolucioParticipant]

Thank you so much for that, it help the issue. If I have the same situation with other website will this css work on them or what would I need to edited and what would it be. Thanks a million.

[ThaiModerator]

Hi There,

You just need to change the 311 pageID.

To find your page ID, please take a look at this: https://community.theme.co/kb/how-to-locate-post-ids/

Hope it helps 🙂

[Author]

Posts