Floating form on mobile !

  • Resolved myszwa

    (@myszwa)


    3 years, 8 months ago

    Hi everyone,
    Here I post the movie that show the problem .
    https://www.youtube.com/watch?v=O5QKL-CiaEU
    When i click on input form my site are smashing down and back to styles from desktop. This is happening on mobile firefox/chrome/opera on Safari is ok.
    I am trying to fix this issue since week . I tried to

    .wpcf7-form, .wpcf7-form input, .wpcf7-form textarea {
    width: 100%;
}
    form.wpcf7-form * {
    font-size: 16px;
}

    and

    <meta name='viewport' 
     content='width=device-width, initial-scale=1.0, maximum-scale=1.0, 
     user-scalable=0' >

    Nothing works !

    Pls help me !

    • This topic was modified 3 years, 8 months ago by myszwa.
    • This topic was modified 3 years, 8 months ago by myszwa.
    • This topic was modified 3 years, 8 months ago by myszwa.
    • This topic was modified 3 years, 8 months ago by James Huff.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • hi @myszwa

    it happens because the page orientation change from horizontal to portrait.

    my advice is change the media query at line 902 of style.css
    from: @media (orientation: portrait)
    to: @media (max-width: 600px)

    hope it helps!

    Thread Starter myszwa

    (@myszwa)

    Thank you so much @codekraft
    Now everything work’s fine.
    You have saved my life ! I am grateful for your help !

    • This reply was modified 3 years, 8 months ago by myszwa.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Floating form on mobile !’ is closed to new replies.