Send button invisible on mobile phones

The send button in my contact form isn’t showing on mobile phone browsers (tried Safari and Chrome). On desktop it is showing correctly.

Do you mean you’re not seeing it at all, or you’re only seeing it as text and not as a button?

The send “button” appears the same way for me in all browsers on both desktop (Windows) and mobile (Android). In both cases, I only see the text “VERZENDEN” (no background color or border), but it’s clickable and fully functional as a send button.

I tried adding custom CSS to give it a background color but that doesn’t seem to be overruling the active CSS.

That’s because your CSS is using a selector that does not exist on your contact page. The ID #home only exists on your homepage, and the class .button does not exist at all, there’s only the button element itself. And these are not all the problems with your little code 😀

Below is the corrected CSS code:

button.pushbutton-wide {
    background-color: #e22a76 !important;
    border: 1px solid #e22a76 !important;
}

If you want this to work on the contact page in question ONLY, then use this instead:

.postid-97 button.pushbutton-wide {
    background-color: #e22a76 !important;
    border: 1px solid #e22a76 !important;
}

Standing by for feedback!

Thank you so much for correcting my CSS George! It works now 🙂
I’m a happy camper!