Active field background color is not covering the entire field on mobile device

  • Profile Image
    cami_a
    Asked on August 07, 2019 at 12:55 PM

    This is the custom CSS I've already inserted to change the active field background color:


    .form-line-active {

        background-color : #EDF7E3;

    }


    It works great on desktop and tablet. However, it the green shading is not extending behind the full active field on mobile. See attached screenshot where the green background cuts off about halfway.

    Screenshot
  • Profile Image
    cami_a
    Answered on August 17, 2019 at 02:43 PM

    Can someone from Jotform please answer this question? It has been 10 days, and I have not received a reply.

  • Profile Image
    jonathan
    Answered on August 17, 2019 at 03:57 PM

    We apologize for any inconvenience caused.

    I have added the next CSS codes to your form. It appears to have fixed the issue.

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    .form-line.form-line-active{

    background-color : #EDF7E3 !important;

    padding-bottom : 50px !important;

    }

    }

    1566071821zzz 2019-08-18 03.54.49.png


    Can you check again. Please let us know if it still did not work.