Logo not mobile responsive

  • Adventureland
    Asked on August 17, 2017 at 8:03 PM

    Hi,

     

    Everything looks great on mobile, except our logo at the top. I am thinking because I am really using an image and not a true logo? I did it that way so I could get the colors I wanted (black for the form, but dark grey for the outside so the black on the image shows up).

     

    Is there a way to have that fit a mobile screen correctly without being too small on a desktop?

  • Elton Support Team Lead
    Replied on August 17, 2017 at 9:56 PM

    Try this CSS. Simply inject this to your form.

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

    .form-all:before {

        background-size: 100% !important;

         top: -360px !important;

    }    

    .form-all {

        margin-top: 340px !important;

    }

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    This is how it should look on mobile afterward.

    Logo not mobile responsive Image 1 Screenshot 20

  • Adventureland
    Replied on August 17, 2017 at 10:05 PM

    That worked! Thank you so much!!