Why my form header does not display properly on mobile devices?

  • dixiewill75
    Asked on April 10, 2017 at 4:36 PM
    Also, on my MOBILE device when I pull up my form the header image does not show up correctly. On a computer it looks perfect. How can I get the header image to show up correct every time?
  • Kevin Support Team Lead
    Replied on April 10, 2017 at 4:45 PM

    Please, inject the following CSS code to your form in order to resolve the issue: 

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

        .form-header-group.hasImage>.header-logo {

            display: block;

            width: 95%;

        }

    }

    This guide will help to inject it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Here's a cloned form of yours where you can see the result: https://form.jotformpro.com/70996068101963 

    Hope this helps.