Responsive Contact Form 7

  • Author
    Posts
  • #3245

    jamied789
    Participant

    Hi,

    I am using your theme and I cannot get contact form 7 to be responsive to smaller screens.
    I have searched through threads and forums and all recommended fixes do not appear to work for me.
    I believe a just need to add some instruction to the css but am unable to make it work.
    Could you please help.
    Is there a known fix for this?

    Many thanks

    Jamie

    #3246

    Andrew Misplon
    Keymaster

    Hi Jamie

    Thanks for reaching out 🙂

    I’m sure I can assist. Do you perhaps a public URL I could take a look at? If you’d like to keep your site private, please, make use of the Set as private reply checkbox below the comment form.

    I’m offline for a couple of hours and will attend as soon as I get back.

    #3247

    jamied789
    Participant
    This reply has been marked as private.
    #3251

    Andrew Misplon
    Keymaster

    Thanks for the update. Please, try the following. If you don’t already have a Custom CSS plugin installed, go to Plugins > Add Newand search for Simple Custom CSS, install and activate. Then, go to Appearance > Custom CSS and insert:

    /* Form Fields */
    input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="password"], input[type="search"], select[multiple], textarea {
        max-width: 100%;
    }
    

    Let me know how that goes 🙂

    #3252

    jamied789
    Participant

    That works a treat!
    Many thanks Andrew for such a quick and accurate response.

    Jamie

    #3255

    Andrew Misplon
    Keymaster

    Super 🙂 Really glad to hear that helped. If anything else comes up, please, let me know.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top