My header/logo on my forms will not center on all devices and views (iPad & iPhone) ?

  • Profile Image
    glabreck001
    Asked on August 12, 2016 at 12:52 PM

    My form headers/logo look great on a computer screen. However, the iPad vertical view shifts the header to the left while the landscape view keeps it in the center. Also, the iPhone puts it in the center when vertical but shifts it to the left in landscape. Extremely confused why this is happening considering your preview in designer shows them looks correct. 

     

    Thoughts?


    Thanks!

  • Profile Image
    BDAVID
    Answered on August 12, 2016 at 02:53 PM

    Please inject the following code to center the header logo in iPad portrait view: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media only screen 

    and (min-device-width : 768px) 

    and (max-device-width : 1024px) 

    and (orientation : portrait) { 

    img.header-logo-left{

        margin-left: 175px !important;

    }

    }

    On regards of the iPhone landscape view, I did not see it positioned to the left, it is still centered:

    Let us know if you need more help.