Header is not balance and looks stretch on mobile view

  • theoalofa
    Asked on May 23, 2024 at 6:43 AM

    Hi there,

    My header is stretch on mobile. Ive tried the css codes available when I googled this problem but none of them seem to work for me. Please help

    Jotform Thread 15168581 Screenshot
  • Joeni JotForm Support
    Replied on May 23, 2024 at 8:35 AM

    Hi Theodore,

    Thanks for reaching out to Jotform Support. I'm sorry that this is happening. You can Inject this CSS Code into your form.

    @media screen and (max-width: 480px) {
    .form-page-cover-image-wrapper {
     top: 0px !important;
     position: relative !important;
    }
    .form-page-cover-image {
     width: auto;
     height: auto;
    }
    .form-all {
     margin-top: 0px !important;
    }
    }

    Let me show you how to Inject CSS Code:

    1. In Form Builder, hover over your mouse to the upper right and click the Paint Roller icon.
    2. Go to the Style tab, scroll down, and add your CSS Code to the Inject Custom CSS Box.

    Header is not balance and looks stretch on mobile view Image 1 Screenshot 20 Give it a try and let us know how it goes.

  • theoalofa
    Replied on May 24, 2024 at 9:31 AM

    Thank you so much for your help. God bless

 
Your Answer