Form Logo: Logo does not appear on mobile form

  • Profile Image
    txtbookapp
    Asked on March 13, 2019 at 01: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!

  • Profile Image
    Nick_So
    Answered on March 13, 2019 at 03: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

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

    1552503536Keeping logo on mobile version

    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.31.47.png

    Let me know if you have any further questions.

  • Profile Image
    txtbookapp
    Answered on March 13, 2019 at 03: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
    ...
  • Profile Image
    Nick_So
    Answered on March 13, 2019 at 03: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.

  • Profile Image
    aysenur
    Answered on September 17, 2019 at 09: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.gif


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