Adjust top spacing on mobile view

  • hollyswanson
    Asked on June 19, 2024 at 3:57 PM

    Hello,

    Can you help me adjust this top spacing on mobile only? I'm not sure what CSS selector it's applied to. I'd like to reduce it only in mobile, without adjusting desktop. Thank you!

    Adjust top spacing on mobile view Image 1 Screenshot 20

  • Neil JotForm Support
    Replied on June 19, 2024 at 4:05 PM

    Hi Holly,

    Thanks for reaching out to Jotform Support. You can inject the CSS code below into your form to remove the spacing at the top of your form on mobile view:

    @media only screen and (max-width: 480px) {
    .jotform-form {
     margin-top: -70px !important;
    }
    }

    Let me walk you through it:

    1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
    2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    That's it. Here's the result:

    Adjust top spacing on mobile view Image 1 Screenshot 20 Give it a try and let us if you need more help.

 
Your Answer