Is There a Way to Make My Logo (Form Cover Image) Responsive?

  • pressloop
    Asked on March 9, 2015 at 5:31 PM

    Okay -- ONE more question... please see my form: https://secure.jotform.us/form/50647180075151

     

    Is there a way to my logo RESPONSIVE as well?  On my iPhone it's cropping the logo pretty bad..

     

    Thanks so much!

     

    T

  • abajan Jotform Support
    Replied on March 9, 2015 at 6:46 PM

    Please test this clone of the jotform in your iPhone. If that's closer to what's desired, please do the following:

    1. Click the Designer button:

    Is There a Way to Make My Logo (Form Cover Image) Responsive? Image 1 Screenshot 40


    2.
     Click the CSS tab:

    Is There a Way to Make My Logo (Form Cover Image) Responsive? Image 2 Screenshot 51


    3.
     Copy the following code and add the following rule to the CSS tab's work area

    .form-all:before {
     background-size: 75% auto;
    }

    4. Save the jotform:

    Is There a Way to Make My Logo (Form Cover Image) Responsive? Image 3 Screenshot 62


    If you need further assistance with this, please let us know.


    Thanks

  • pressloop
    Replied on March 9, 2015 at 11:05 PM

    This worked wonderfully!   Now,  is there a way to keep it closer to the form box itself?  See attached..  :)

     

    Is There a Way to Make My Logo (Form Cover Image) Responsive? Image 1 Screenshot 20

  • abajan Jotform Support
    Replied on March 10, 2015 at 3:55 AM

    Sure. Adding a declaration of background-position: center; to the rule so that it becomes

    .form-all:before {
       background-size: 75% auto;
       background-position: center;
    }

    should fix that. Have a look at the effect here.

    Cheers

  • pressloop
    Replied on March 12, 2015 at 9:08 AM

    Thank you

  • Ben
    Replied on March 12, 2015 at 11:12 AM

    In my colleague's name you are welcome.

    Do let us know if you need any further assistance and we would be happy to assist.