forms not working on mobile phone and other mobile devices

  • Resolved Mark123_

    (@komborerodyahoocom)


    8 years, 4 months ago

    Hi,
    On mobile phone and other devices, my form only works on the homepage but anywhere else on the site the fields dont respond to touch and at times one or two fields only can work.

    The homepage has no issues at all and the forms all work on desktop computer. It’s puzzlling.

    I have custom css on my site:

    .visual-form-builder ul {
    margin: 0;
    padding: 0
}

.visual-form-builder ul li {
    list-style: none
}

.visual-form-builder .vfb-fieldset {
    margin: 0;
    border: none;
    padding: 0;
    background: 0 0
}

.visual-form-builder .vfb-item+.vfb-item {
    margin-top: 10px
}

.visual-form-builder .vfb-item-checkbox>label {
    margin-bottom: 5px
}

.visual-form-builder .vfb-item-checkbox .vfb-span {
    width: 49%;
    display: inline-block;
    margin-bottom: 5px
}

.visual-form-builder .vfb-item-checkbox .vfb-checkbox {
    width: 15px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.visual-form-builder .vfb-item-checkbox label {
    display: inline-block;
    vertical-align: middle
}

.visual-form-builder .vfb-legend {
    display: none;
    position: absolute
}

.visual-form-builder label {
    font-weight: 600;
    font-size: 11px;
    font-size: .8rem
}

.visual-form-builder textarea {
    min-height: 120px
}

.visual-form-builder .vfb-error {
    color: orange;
    font-weight: 300
}

    This is the link to one of the forms

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

  • Hello,

    Thank you for your message. So I think the first thing to try is add the appropriate closing semi-colon on all you css rules. Right now your syntax is a little off and I could see it causing some issues.

    Example:

    .visual-form-builder .vfb-error {
    color: orange;
    font-weight: 300
    }

    Should be:

    .visual-form-builder .vfb-error {
    color: orange;
    font-weight: 300; <<< — need closing semi colon. This may fix the issue.
    }

    Lets start here and see if it helps.

    Joseph
    VFBPro Support

    Thread Starter Mark123_

    (@komborerodyahoocom)

    Hi and thanks for the quick reply. I have added the semi colons to cloase my css but it hasnt changed. The thing is I had minified my css so when I unminified it brought the result unminified.

    Does caching plugins or cdn known to ffect ‘vfb’. I turned them off at one point to test but it didnt change anything, and the strange thing is, when you check, the form works on homepage but elsewhere on the website they dont. The sane form on the homepage that works wont work elsewhere on the site and this is happening only on mobile if you check…

    What could be the problem?

    It really sounds like a probable conflict to be honest. If you are able you might try to set to the default WP theme, and have only VFBPro turned on and test it. You might try commenting out all your custom css and work as welll and see if that might do it.

    Thanks,
    Joseph

    Thread Starter Mark123_

    (@komborerodyahoocom)

    Thanks for your reply. will try to fix it somehow. Its kiinda wierd problem…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘forms not working on mobile phone and other mobile devices’ is closed to new replies.