Can a logo on a form be responsive for viewing on mobile devices?

  • fredrickprince
    Asked on June 25, 2019 at 11:41 PM

    Hello,


    I am trying to embed a form on my website and I when I preview it in mobile view I noticed that the area which I added my "logo" is getting cut off. Is there a way to make this responsive so it doesn't do that?

    Please see photo attached

    Jotform Thread 1870373 Screenshot
  • mehmetnamiduru
    Replied on June 26, 2019 at 8:22 AM
    Hello,
     
    You can make your logo responsive by injecting some CSS codes
     
    Click Form Designer -> Click ADVANCED DESIGNER -> Click CSS -> Paste the CSS that written below
     
    .form-all:before {
      background-size: 100%;
      background-position: center;
    }
     
    Please also check here to learn How to Inject Custom CSS Codes
     
    I think you already found a solution on your own because I have checked your form and you have already injected CSS codes for the solution.
     
    With CSS code
    Can a logo on a form be responsive for viewing on mobile devices? Image 10
     
    Without CSS code
    Can a logo on a form be responsive for viewing on mobile devices? Image 21
    Please do not hesitate to ask if you have any questions
     
    Thanks