How to use inject CSS to remove hover popups in mobile environment only

  • Profile Image
    markashton
    Asked on April 24, 2012 at 11:28 AM

    Hi,

    I would like to be able to remove the hover function tootips from the mobile environment but retain them in the desktop environment.

    The CSS is .form-description

    Can you advise me as to whether it is possible to do this and if so I would greatly appreciate a hint or two.

    Thanks so much

    Regards Mark

  • Profile Image
    markashton
    Answered on April 24, 2012 at 01:34 PM

    Any chance? Please let me know if this can't be done. I'd be grateful ;)

  • Profile Image
    pinoytech
    Answered on April 24, 2012 at 01:40 PM

    Hi,

    Do you mind if we ask for the URL of your form that has hover text for further assistance?

    Thank you!

  • Profile Image
    markashton
    Answered on April 24, 2012 at 01:44 PM

    Hi

    URL is: http://form.jotformpro.com/form/21136404015943

    Have tried this:

    @media handheld .form-description{ display:none; }

    but keeps rendering the @ to // in the ninject CSS

     

    Note: hover is on the decor field

  • Profile Image
    markashton
    Answered on April 24, 2012 at 02:28 PM

    Actually, why do you need the URL above?

    Can you just advise me whether jotform is capable of taking CSS that will differentiate the behaviour of elements on a desktop from that of a handheld?

    Would you be kind enough to provide me with a response please - I've posted several posts today and they just seem to have been ignored

    Many Thanks

  • Profile Image
    Mike_T
    Answered on April 24, 2012 at 05:51 PM

    We are very sorry for the delay.

    You are not ignored, we are just very busy today. As far as I know, you can not disable that mobile CSS code.

    The workaround is to download full source code of your form, then modify sources_folder\css\styles\form.css file, and use that modified stylesheet file for your form.

    You can delete @media only screen and (max-device-width: 550px){ and everything below that line to disable mobile CSS. 

    Thank you for using our services.

  • Profile Image
    markashton
    Answered on April 24, 2012 at 06:26 PM

    Mike

    you state: "you can not disable that mobile CSS code" .. 

    This statement is confused.... Do I understand it that you are advising me as follows ....

    "Jotform custom inject CSS is incapable of accepting any mobile CSS markup e.g. @media" 

    Your solution ... mm.m... why would I want to delete all that .... are you answering a different question than the one I asked?

    Regards Mark



  • Profile Image
    Mike_T
    Answered on April 24, 2012 at 07:34 PM

    I am sorry for misunderstanding, I thought that you are interested in disabling all the mobile CSS code for your form due to your recent thread, so yes, I was answering a different question :)

    However, you are right about injecting CSS for mobile markup, it is not currently possible to do that using our Inject Custom CSS tool.

    I have created a ticket to our Next Level Support to see if we can do anything with this.

    We will update this thread if we get any more information for you.

  • Profile Image
    markashton
    Answered on April 25, 2012 at 04:48 AM

    I'll make this a feature request in a seperate thread .... actually first ... is it just a case of making the inject CSS area accept the @ symbol for media queries ... which currently defaults to this symbol ... // 

     

    Thanks, Mark

  • Profile Image
    aytekin
    Answered on January 22, 2013 at 03:19 AM

    This issue is now resolved. You can now use at-sign "@" in the Custom Inject CSS.