Adjust hover text clipped on right hand side of display window

  • glandoreghyc
    Asked on December 4, 2015 at 7:30 AM

    Hello,

     

    One of my forms, which has CSS supplied by your support group, has a situation when the hover text on a filed is clipped on the right hand side of display window. See image.

    This Form has had CSS added to overcome an issue with the same field which was being clipped in Responsive situations, and this is still working fine, my issue now is on full display desktops

     

    to vie on line use below

    http://www.reenoserve.com/GHYC/forms/

    Thanks

    Jotform Thread 717862 Screenshot
  • Charlie
    Replied on December 4, 2015 at 9:43 AM

    Please try adding this custom CSS code:

    #id_19 > div.form-description {

        right: 100px !important;

        top: -10px !important;

    }

     

    I would also advise getting a fresh copy of your iframe embed code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Let us know if that works.

  • glandoreghyc
    Replied on December 4, 2015 at 12:08 PM

    OK, I have implemented your suggestion thanks, it was fine on Desktops but not that good on Smart Phone etc as the Hover Text covered the field itself, so i chnged the right 100px to 50px and that seems to be better, thank you.

     

    John

  • Charlie
    Replied on December 4, 2015 at 12:46 PM

    Glad to hear that it somehow helped you :)

    Should you need any assistance again, please feel free to visit us again here in the forum.

    Thank you.

  • glandoreghyc
    Replied on December 4, 2015 at 1:55 PM

    Charlie,

     

    Your help was great, i do not understand CSS, but when you suggested the code fix i made an educated guess.

     

    Thx

     

    John

  • Charlie
    Replied on December 4, 2015 at 2:26 PM

    Thank you for the kind words. It's my please to help :)

    If you needed anything, just visit us here in the forum.

    Cheers!