I can not get the header to stack in responsive

  • inspirebymk
    Asked on February 10, 2017 at 10:06 AM

    Hello and thanks in advance.....

     

    I am working on this form https://form.jotform.com/70347004980150 and I can not get the image to stack above the verbiage in the header section.

     

    I have clicked on the responsive checkbox and I can not seem to get this working, any help would be greatly appreciated.

     

    Thanks

  • David JotForm Support Manager
    Replied on February 10, 2017 at 11:59 AM

    Please remove the code you have in your CSS area, and add the following code instead:

    @media screen and (max-width: 480px) and (min-width: 10px){

    img.header-logo-left {

        width: 150px !important;

    }

    h2.form-header {

        font-size: 1.2em !important;

    }

    }

    Example:

    I can not get the header to stack in responsive Image 1 Screenshot 30

    Result: https://form.jotform.com/70405126322948 

    I can not get the header to stack in responsive Image 2 Screenshot 41

    Let us know if you need more help.