Header image disappears in mobile phone view

  • Spot1
    Asked on May 15, 2017 at 1: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

  • Sven
    Replied on May 15, 2017 at 2: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!

     

  • Spot1
    Replied on May 15, 2017 at 5: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
    ...
  • Welvin Support Team Lead
    Replied on May 15, 2017 at 8:01 PM

    I would suggest adding your logo using our Image field. 

    Header image disappears in mobile phone view Image 1 Screenshot 20

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