How can I make my logo responsive?

  • Profile Image
    Asked on January 01, 2018 at 07:42 AM

    The logo image does not adapt with the device or orientation. On the phone you only see part of the larger image. 

    Is there a way to make the logo responsive as well?

  • Profile Image
    Answered on January 01, 2018 at 09:53 AM

    You can add some custom CSS to fix that.

    Here is my solution:

    If you want that result, Inject the CSS code you see below:

    @media (max-width: 600px) {

      .form-all:before {

        height: 150px;

        top: -160px;

        background-size: contain;


      .form-all {

        margin-top: 150px !important;



    Here is a guide on How to Inject Custom CSS Codes

    There is also a solution where you remove your logo and add it as an image using the image component in your form.


  • Profile Image
    Answered on January 01, 2018 at 10:22 AM