Logo not mobile responsive

  • Profile Image
    Adventureland
    Asked on August 17, 2017 at 08: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?

  • Profile Image
    EltonCris
    Answered on August 17, 2017 at 09: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.

  • Profile Image
    Adventureland
    Answered on August 17, 2017 at 10:05 PM

    That worked! Thank you so much!!