The main title of my form looks in a different color when it's viewed using a mobile device

  • Profile Image
    kicksacademy
    Asked on November 13, 2014 at 05:17 PM
  • Profile Image
    Shadae
    Answered on November 13, 2014 at 05:53 PM

    Hi kicksacademy,

    I was able to replicate the issue that you are experiencing when viewing your form on a mobile device.

    Please Inject the Following CSS code into your form to resolve the issue that you are currently experiencing.

    @media only screen and (max-width: 40em){

    * {

    color: black !important;

    font-family: Lucida;

    }}

    How to Inject CSS Code

     

    I hope this helps! Please inform us if you need further assistance.

  • Profile Image
    kicksacademy
    Answered on November 13, 2014 at 06:11 PM

    Hi Shadae,

    Do I just add to the top or bottom of the existing css code or do I remove what's there before inserting what you gave me?

    Maybe I could insert it to the right side css panel from the theme designer window?  Would that work?

  • Profile Image
    raul
    Answered on November 13, 2014 at 06:18 PM

    Hi,

    You can add the code provided by @Shadae at the bottom of the existing CSS code of your form and you don't need to remove anything.

    Please let us know if it works.
    Thank you.

  • Profile Image
    kicksacademy
    Answered on November 13, 2014 at 06:33 PM

    Hi Shadae and Raul,

    That worked like a charm.

    Is there a reason why the title font color would have been different than the rest of the text in the form?  Just trying to learn - newbie to forms and css.

    Thanks so much!

  • Profile Image
    raul
    Answered on November 13, 2014 at 06:47 PM

    On behalf of my colleague, you're welcome.
    We're glad the provided code worked for you.

    The reason why the form is different on mobile devices is because you have enabled the Mobile theme. Which means that a different theme will be used to display the form when its viewed using a mobile device.

    I hope this answers your question.

    Let us know if you need further assistance.
    Thanks.

  • Profile Image
    kicksacademy
    Answered on November 13, 2014 at 07:12 PM

    Hi Raul,

    Since most of my customers will most likely be using their cell phones to respond to my forms, I'll make sure I tuck away this bit of code for safe keeping to access for other forms in the future.

    Thanks again.

  • Profile Image
    raul
    Answered on November 13, 2014 at 07:22 PM

    You're welcome.

    If you need further assistance, just let us know.
    Best Regards.