Header image disappears in mobile phone view

  • Profile Image
    Spot1
    Asked on May 15, 2017 at 01:42 PM

    Help!

    The image i added in image header shrinks so small on mobile view that it can't be seen.  It looks fine when i view / use form on computer.

     

    Help

  • Profile Image
    Sven
    Answered on May 15, 2017 at 02:52 PM

    Hi, 

    Please inject the following CSS code in your form builder:

     

    @media only screen and (max-device-width: 540px) {

     

    .header-logo {

     

    width: 100%;

     

    }

     

    }

     

    Here's how to inject custom CSS into your form:

    How-to-Inject-Custom-CSS-Codes

     

    Thank you!

     

  • Profile Image
    Spot1
    Answered on May 15, 2017 at 05:43 PM
    I have a header on my form that I want to remain on mobile.
    Should I put my header in the "Add your logo" section?
    OR
    In the "header" section?
    Thanks, Mike
    Where to inject
    Michael Vinci, CSP
    SPOT Safety System
    www.spotsafety.com
    ...
  • Profile Image
    Welvin
    Answered on May 15, 2017 at 08:01 PM

    I would suggest adding your logo using our Image field. 

    You can also add the logo in the Header section, but the Image field is convenient.