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

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


    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

  • Profile Image
    Answered on June 26, 2019 at 08:22 AM
    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
    Without CSS code
    Please do not hesitate to ask if you have any questions