Hover Text is blocking the DateTime Field

I was able to reproduced the issue when using Firefox browser on your form https://www.jotform.com/60475509973971 

In Chrome browser, it works just fine. No matter how I resize the Chrome browser, the Hover text was abel to properly positioned on top of DateTime field.

There is a need to re-position the Hover text field using custom CSS codes so that it doesn't blocked the field.

Allow us some more time to figure out the correct CSS code. We will get back to it shortly.

Please try adding this CSS code on your form  https://www.jotform.com/60475509973971 

#id_49 div.form-description {

    position : static !important;

    float : right;

    margin-top : -130px;

}

You can check how it works on my test form https://form.jotform.com/60856299464975

Hope this help. Let us know if you need further assistance.

Thanks will try it.. I will need to apply this to all my other forms... how to know the ID#? of that field in each other forms?

You can review this video guide on how to:  http://www.jotform.com/form-designer/tuts/episode4/

To get the specific Element ID# you need to double-click the field while in the CSS inspector.

For your form, it can be a bit tricky getting the form-description ID#(hover text) because it is hidden. But what you can do is to disable first the hidden field (DateTime) so that you can properly view the Hover Text on the Form Designer.

Take a look on my video below on how I was able to capture the specific element ID# for that specific hover text.

Let us know if you need further help.