Auto size heading image

  • benz26
    Asked on March 15, 2017 at 10:28 AM

    My form https://form.jotform.me/benz26/tmc-running-clinic-form

     

    I put in an image for header. Appears normal size on desktop PC. But on mobile it looks so small. Is there a widget / way to auto fit it to different devices?

  • BJoanna
    Replied on March 15, 2017 at 1:39 PM

    I have inspected your form and I was able to replicate mentioned issue.

    Please add this CSS code to resolve this issue:

    @media screen and (min-width: 10px) and (max-width: 480px){

    img.header-logo-left {

    width:100%!important;

    }.header-logo-left {

    width:100%!important;

    }

    .form-header-group.hasImage>.header-text {

        display: table-cell;

        width: 100%;

      float:left!important;

    }

    }

    How to Inject Custom CSS Codes

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