How can i make the header of my form display correctly on a smart phone?

  • Profile Image
    Asked on April 04, 2017 at 04:10 AM


    The above link is my form. When its viewed on smart phone it shrinks the logo and keeps the phone number and email address quite large. What can I do to fix this?


    Thank you

  • Profile Image
    Answered on April 04, 2017 at 05:38 AM

    Please add this CSS code to your form:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)


    div.form-header-group.hasImage img {

        max-width: 120px;


    How to Inject Custom CSS Codes

    After you add mentioned CSS code to your form your header should look like this on mobile devices.

    Here is my demo form: 

    Feel free to test it and clone it.

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

  • Profile Image
    Answered on April 04, 2017 at 05:54 AM

    Thank you works great now!