Hover text not showing up on phone

  • dosspta
    Asked on September 19, 2014 at 1:36 PM

    Hello,

    The hover text next to the committee names shows up on a web page but not mobile phones. Can you tell me what I am missing?

    http://form.jotformpro.com/form/42528031182952

     

    Thank you.

  • Ben
    Replied on September 19, 2014 at 3:04 PM

    Hi,

    I took a look at your form.

    There are 2 ways to fix this and I will give you the preferred one first.

    Add Mobile responsive widget to your form Mobile Responsive - Form Widgets .

    You can see a clone of your jotform with this widget added to it here: http://form.jotformpro.com/form/42615395795972

    It will handle several different things for you automatically in order for your jotform to show properly on your visitors mobile devices.

    The other way is to inject CSS code that will change just this issue:

    @media all and (max-width: 300px)
    {
        .form-description
        {
            left: 140px;
            top: 25px;
        }
        .form-input
        {
            display: inline-block;
        }
        .form-label-left
        {
            display: block;
            float: none;
        }
    }

    How to Inject Custom CSS Codes

    You can see here how to inject CSS to your form.

    If you link you can clone my form or add the mentioned widget by yourself and check how it works :)

    Again, I suggest adding the widget only, not to use CSS, unless you do not want to add the widget for some reason :)

    Do let me know how it goes for you.

    Best Regards,
    Ben