Header image not responsive

  • Profile Image
    BWSites
    Asked on April 10, 2015 at 09:39 PM

    The header image on my form is not responsive.

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

  • Profile Image
    BJoanna
    Answered on April 11, 2015 at 04: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;

    }}

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

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