• Hi!

    My contact form works fine on PC. But on mobile some of the fields don’t respond.
    I have tried replacing the dropdown with radio buttons but they also do not respond.
    By responding I mean “being selectable”. They just simply don’t seem respont to touch.
    I can’t find any answers here. I hope I am not the only one going through this problem.
    I really could use some help!

    Here is the code to the form:

    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]pick-up date[:pt]data levantamento[:es]fecha de recogida[:fr]date de location[:]</span></label></div>
    <div class="col-sm-2">[date date-326]</div>
    <div class="col-sm-2 location location1"><span class="labelreserva">[:en]pick up location[:pt]local levantamento[:es]ciudad recogida[:fr]ville location[:]</span></div>
    <div class="col-sm-3 location1">[select* your-recipient first_as_label "Choose location" "Lisboa|[email protected]" "Porto|[email protected]"]</div>
    </div>
    
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]return date[:pt]data devolução[:es]fecha retorno[:fr]date de retour[:]</span></label></div>
    <div class="col-sm-2">[date date-669]</div>
    <div class="col-sm-2 location location1"><span class="labelreserva">[:en]return location[:pt]local retorno[:es]ciudad retorno[:fr]ville de retour[:]</span></div>
    <div class="col-sm-3 location1">[select* menu-438 first_as_label "Choose location" "Lisboa" "Porto"]</div>
    </div>
    
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]bike model[:pt]escolha modelo[:es]modelo[:fr]modéle[:]</span></label></div>
    <div class="col-sm-6">[select menu-435 "Sym Orbit II 50cc" "Aprilia Scarabeo 100cc" "Honda Vision 110cc" "Kymco Agility City 125cc" "Kymco Agility City 125cc + Top Case" "Kymco Xciting 400i" "ZMS 125 Sport Star" "Royal Enfield Classic 500" "Royal Enfield Himalayan" "KTM Adventure 1090"]</div>
    <div class="col-sm-4">[checkbox checkbox-991 "add a bike"]</div>
    </div>
    
    [group group-583]
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]bike model[:pt]escolha modelo[:es]modelo[:fr]modéle[:]</span></label></div>
    <div class="col-sm-6">[select menu-271 include_blank "Sym Orbit II 50cc" "Aprilia Scarabeo 100cc" "Honda Vision 110cc" "Kymco Agility City 125cc" "Kymco Agility City 125cc + Top Case" "Kymco Xciting 400i" "ZMS 125 Sport Star" "Royal Enfield Classic 500" "Royal Enfield Himalayan" "KTM Adventure 1090"]</div>
    <div class="col-sm-4">[checkbox checkbox-992 "add a bike"]</div>
    </div>
    [/group]
    
    [group group-584]
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]bike model[:pt]escolha modelo[:es]modelo[:fr]modéle[:]</span></label></div>
    <div class="col-sm-6">[select menu-437 include_blank "Sym Orbit II 50cc" "Aprilia Scarabeo 100cc" "Honda Vision 110cc" "Kymco Agility City 125cc" "Kymco Agility City 125cc + Top Case" "Kymco Xciting 400i" "ZMS 125 Sport Star" "Royal Enfield Classic 500" "Royal Enfield Himalayan" "KTM Adventure 1090"]</div>
    </div>
    <div class="col-sm-4"></div>
    [/group]
    
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]Your name[:pt]Nome[:es]Nombre[:fr]Nom[:]</span></label></div>
    <div class="col-sm-6">[text text-721]</div>
    </div>
    
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]your email[:pt]email[:es]email[:fr]email[:]</span></label></div>
    <div class="col-sm-6">[email* email-587]</div>
    </div>
    
    <div class="col-sm-12 displayvisible">
    <div class="col-sm-2"><label><span class="labelreserva primeiraform">[:en]notes[:pt]notas[:es]anotaciones[:fr]annotations[:]</br>[:en](optional)[:pt](opcional)[:es](opcional)[:fr](facultativ)[:]</span></label></div>
    <div class="col-sm-6">[textarea textarea-721 x10]</div>
    </div>
    
    <div class="col-sm-12 heightchangeform">
    </div>
    
    <div class="col-sm-12">
    <div class="col-sm-2"><label><span class="displaynoform primeiraform">.</span></label></div>
    <div class="col-sm-6">[submit]</div>
    </div>

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching to the default theme (Twenty Seventeen).

    Thread Starter alegriaride

    (@alegriaride)

    @takayukister Thank you for your reply. But I can’t simply just change a whole theme and the way that the website looks overnight, just because of a fail in a form.
    Do you have other suggestions?
    Anyone?

    • This reply was modified 7 years, 7 months ago by alegriaride.
    • This reply was modified 7 years, 7 months ago by alegriaride.

    This is a technique commonly used in WordPress to find what is actually causing a particular problem.

    Switch temporarily (nothing will be lost when you switch back) to a WP default theme & disable all plugins other than Contact Form 7 to see if the problem goes away.

    If it does you can switch back to your theme & re-activate each plugin one by one to see when the problem occurs.

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

The topic ‘Some fields do not work on mobile’ is closed to new replies.