My header looks goofy on a mobile device

  • Profile Image
    Jodlynnreyn
    Asked on February 01, 2017 at 11:38 AM

    This is the jotform I have created.  When I look at it from a mobile device the header and sub-header go off the of the white and onto the background image.  When I turn my phone it is fine.  

    Any thoughts?  I would like to send this out today.

    https://form.jotform.com/70296727661161

     

  • Profile Image
    egeg
    Answered on February 01, 2017 at 12:00 PM

    Hi there, 

    The problem is caused by the header image, which ends up taking up too much space on a mobile device. You can easily fix this by adding the code below in your custom CSS.

    @media (max-width: 480px) {.header-logo-left { width: 135px; }}

    You can do this by opening the form designer:

     

    And then opening the css tab and pasting the code in there:

     

     

    Please let us know if there's anything else we can help you with.

    Best,
    Ege

  • Profile Image
    Jodlynnreyn
    Answered on February 01, 2017 at 12:45 PM
    THAT IS AMAZING!!!!! THANKS!!!!!!
    Jody
    [cid:image002.png@01D27C7D.4E019B10]
    Jody Reynolds
    Coordinator of Church & Parent Relations
    651-631-5350
    jlreynolds2@unwsp.edu | www.unwsp.edu | www.unwfuel.com
    Equipping Christ-centered learners and leaders
    to invest in others and impact the world.
    ...