Contact Form displays on mobile device but not computer

  • Resolved marleman

    (@marleman)


    4 years, 9 months ago

    I would very much appreciate some help with this Contact Form 7 issue, as I’m stumped! I look after the website for a voluntary emergency service.

    If you could please look at the JOIN page(/join/) and scroll to the bottom, the ‘Pay Now’ button looks normal when viewed on my phone/tablet, but is cut off when viewed on a computer. It just shows a blue strip.

    The Contact form code is <p>[submit “Pay Now”]</p>. The very strange thing is that a very similar page (RENEW) with exactly the same submit code is displaying correctly! ((/renew/)

    As it is showing correctly on a mobile device there can’t be anything wrong with the contact form. It isn’t just my computer either as people are ringing to complain that they can’t make a payment.

    I’ve tried everything I know. Please….any ideas?

    • This topic was modified 4 years, 9 months ago by Jan Dembowski.

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

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

  • Please try the following CSS code:

    .page-id-28 input.wpcf7-form-control.wpcf7-submit {
    position: relative;
    z-index: 9999;
}

    You can put it in Appearance -> Customize -> Additional CSS

    Thread Starter marleman

    (@marleman)

    Thank you so much for your suggestion, but unfortunately the CSS code did not have any effect. ??

    I am not able to see the CSS in the inspect element, have you removed it? After adding if there’s any caching plugin then please try clearing cache.

    Thread Starter marleman

    (@marleman)

    Thank you for your help, but I have resolved the issue. I needed to add some padding to the bottom of the page as that was the reason the button was being cut off. I have added a 50px spacer and that fixed it.
    Cheers ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Contact Form displays on mobile device but not computer’ is closed to new replies.