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

  • cami_a
    Asked on August 7, 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.

    Jotform Thread 1919109 Screenshot
  • cami_a
    Replied on August 17, 2019 at 2:43 PM

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

  • jonathan
    Replied on August 17, 2019 at 3: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 Screenshot 10


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