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

  • Profile Image
    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

    Screenshot
  • Profile Image
    mehmetnamiduru
    Answered on June 26, 2019 at 08: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
    15615517093.png
     
    Without CSS code
    15615517264.png
    Please do not hesitate to ask if you have any questions
     
    Thanks