Contact Form not Responsive

  • Resolved ineffableme

    (@ineffableme)


    7 years, 5 months ago

    Hello!

    Im very sorry for asking once again, but I seemlingly got stuck with a problem I am not able to fix once again – thank you very much for your great help a few weeks ago!

    The Contact Form on http://flock-1306.students.fhstp.ac.at/kontakt/ isn’t responsive & I am not quite sure how to fix it – I already tried it by writing some css code.

    Are there any easy or normal ways, or do I have to style it completely differently?

    Thank you very much!

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • jarektheme

    (@jarektheme)

    7 years, 5 months ago

    Hi there,

    Thank you for getting in touch with us.

    Here’s how your site looks like on my side: http://prntscr.com/m2bs9b
    It seems that everything is working fine. Are you still experiencing any issue with this?

    Kind regards

    Thread Starter ineffableme

    (@ineffableme)

    7 years, 5 months ago

    Hey!

    I tried to fix a little bit in the meantime and played myself with the design, but I still can’t manage to make it responsive.

    Weird, that it works for you, since it doesn’t work on my mobile phone, nor on the wordpress mobile icon..

    Could it be that any css parameters could distract the contact menu from being responsive?

    Thanks a lot!

    jarektheme

    (@jarektheme)

    7 years, 5 months ago

    Hi again,

    Most of the time the cause of this kind of issue is CSS style, however I’ve had a look again on your Kontakt site using my smartphone on Android. All seems to be working fine. Could you clear your browser cache and try to refresh the site? If that doesn’t help please send me some screenshot how it looks like on your device and let me know what device, OS you are using?

    Kind regards

    • This reply was modified 7 years, 5 months ago by jarektheme.
    Thread Starter ineffableme

    (@ineffableme)

    7 years, 5 months ago

    Oh wow, that seems to be quite weird.

    With my IPhone it looks like this: https://prnt.sc/m5sq7o
    Using my PC following screen appears: https://prnt.sc/m5sqvh

    I am very sorry about the struggles I have, I guess I simply made some sort of mistake with using css styles wrong, affecting the layout or anything similiar.

    Thanks!

    jarektheme

    (@jarektheme)

    7 years, 5 months ago

    Please go to Appearance → Customize → Additional CSS and add the following css:

    .wpforms-container {
    display: block !important;
    width: 400px !important;
    margin: 0 auto !important;
}

@media (max-width: 480px) {
    .wpforms-container {
        width: 80% !important;
    }
}

    Let me know if that works.

    Thread Starter ineffableme

    (@ineffableme)

    7 years, 5 months ago

    Awesome, thank you very much, that works perfectly!

    Saved me once again!

    Kind regards

    jarektheme

    (@jarektheme)

    7 years, 5 months ago

    Only a pleasure 😃
    Could you mark this thread as resolved and perhaps leave us a review if you find some time?

    Thread Starter ineffableme

    (@ineffableme)

    7 years, 5 months ago

    Thank you very much for not giving up on me 😀

    Awesome!

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

The topic ‘Contact Form not Responsive’ is closed to new replies.