I would like my header to stay at top of screen when scrolling.

  • admin752
    Asked on February 2, 2016 at 11:57 PM

    Hi. I was wondering if it is possible for my header to remain at the top of my screen when scrolling through my form on a mobile device. Would you be able to assist with this? My header in this case is the XSquire logo. Please see link below.

     

    https://form.jotform.com/60328931905962

     

     

  • Welvin Support Team Lead
    Replied on February 3, 2016 at 3:46 AM

    Yes, that is possible. Just simply inject the following custom CSS codes to your form: 

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

    .form-all:before {

    width: 260px !important;

    top: 50px !important; 

    } 

    }

    Here's how to inject the codes: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. You have to add it to the bottom part.

  • Welvin Support Team Lead
    Replied on February 3, 2016 at 3:47 AM

    I'm sorry. I have modified the codes to have it applied for mobiles only. Please check again.