Form Logo: Logo does not appear on mobile form

  • txtbookapp
    Asked on March 13, 2019 at 1:40 PM

    I have tried several different phones and cleared all the cache, and the logo at the top of my feedback form will not appear on mobile devices...

    https://www.jotform.com/build/90707073739968


    Please help!

  • Nick_So
    Replied on March 13, 2019 at 3:02 PM

    There seems to be some issue with the JotForm default cover logo not appearing when using the mobile browser. I will notify our dev team about this so that they can check and fix the same.

    As a workaround, you can use the image field instead to be used as the cover logo of your form. Please refer to the steps below

    1) Add the Image field on the form and use your image URL/link on it.

    1552503457The Easiest Online Form Builde Screenshot 10

    2) Make sure in the advanced designer you remove the cover logo image you previously used in the form.

    1552503536Keeping logo on mobile version Screenshot 21

    Once you will follow these steps you will be able to see the image on form in mobile devices as well. Please find the screenshot below:

    1552503721Photos 2019 03 14 00 Screenshot 32

    Let me know if you have any further questions.

  • txtbookapp
    Replied on March 13, 2019 at 3:43 PM
    Thank you.
    Adding the image makes the logo appear too high and with the line below it.
    I will wait for the dev team to fix... hopefully it will be worked out quickly.
    Do you think they will resolve this within a few days?
    Scott
    ...
  • Nick_So
    Replied on March 13, 2019 at 3:56 PM

    As mentioned, We cannot provide you an ETA but our team will get back to you as soon as this is fixed.

    Thank you for your patience.

  • aysenur JotForm UI Developer
    Replied on September 17, 2019 at 9:05 AM

    I've cloned your form to investigate the problem in more detail. The logo at the top of your feedback form does not appear, because you've added some custom CSS to your form.

    The following line of code highlighted in yellow is preventing the logo from appearing:

    @media screen and (max-device-width:768px){

        .form-all {

            margin : 0 auto !important;

            width : 100% !important;

        }

    If you remove this line, your form will appear in the format that you want.

    Please check the related GIF below:

    1568725386logo form Screenshot 10


    If you have other questions or concerns, please do not hesitate to let us know.