Header image not responsive

  • BWSites
    Asked on April 10, 2015 at 9:39 PM

    The header image on my form is not responsive.

    Image set above the forms are, but not image in the form itself...

    Jotform Thread 550557 Screenshot
    Page URL: http://www.jotform.com//?formID=50098066796164#
  • BJoanna
    Replied on April 11, 2015 at 4:51 AM

    You can make image responsive by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

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

    img.header-logo-left {

    width : 280px !important;

    }.header-logo-left {

    width : 280px !important;

    }}

    Header image not responsive Image 1 Screenshot 30

    After adding this code your form should look like this on mobile.

    Header image not responsive Image 2 Screenshot 41

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