Mobil Görünüm - Firma Logo Kayma Sorunu

  • emrecankocak
    7 Mart 2022 08:07 tarihinde soruldu

    Selamlar,

    Logo Yazılım için Jotform üzerinden 4 farklı form oluşturduk bu zamana kadar.

    Ancak fark ettiğimiz kadarıyla, mobil cihazlarda, formlardaki firma logoları düzgün görünmüyor.

    Bunu engellemenin bir yolu var mıdır? Mobilde firma logolarını alt alta göstermek gibi.

    1646658383 6226034f5bfc8  Screenshot 10

    Mobil:

    1646658413 6226036dd828a  Screenshot 21


    Çok teşekkürler,

    Cagla

  • Berkay Support Team Lead
    7 Mart 2022 08:56 tarihinde yanıtlandı

    Merhaba caglayalcin,

    Öncelikle Jotform Destek ile iletişime geçtiğiniz için teşekkür ederiz. Görsel Seçme widget'ınızın boyutunu mobil cihazlar için küçültmek için lütfen aşağıdaki kodu uygulayınız:

    .divimg {
    width: auto !important;
    height: auto !important;
    }

    Bu kodu Widget'ınıza uygulamak için ise lütfen aşağıdaki adımları ve ekran görüntüsünü takip ediniz takip ediniz:

    1. Form Oluşturma Aracı sayfasında, Görsel Seçme widget'ını seçiniz.
    2. Daha sonra, sağ tarafında bulunan Değnek simgesine tıklayınız ve Özel CSS sekmesini seçiniz.
    3. Yukarıdaki kodu uygulayınız ve Widget'ı Güncelle butonuna tıklayınız.

    1646661349 62260ee5ed5d4 screencast 2022 Screenshot 10

    Bu adımları tamamladıktan sonra formunuz mobil cihazlarda aşağıdaki gibi gözükecektir:

    1646660705 62260c61f27ea Screen Shot 202 Screenshot 21

    Desteğe gereksinim duyduğunuzda bizimle iletişime geçmekten lütfen çekinmeyin.

  • emrecankocak
    11 Mart 2022 01:51 tarihinde yanıtlandı

    Merhabalar,

    Belirttiğiniz şekilde güncelleme yapınca, sizin örneginizde de göründügü gibi Avansas logosu (sağdaki) Logo Yazılım logosuyla aynı boyutta olmuyor ve tutarsız görünüyor.

    Farklı bir çözüm öneriniz var mıdır?


    1646981472 622af160a862c  Screenshot 10

  • Berkay Support Team Lead
    11 Mart 2022 02:31 tarihinde yanıtlandı

    Merhaba caglayalcin,

    Öncelikle Jotform Destek ile iletişime geçtiğiniz için teşekkür ederiz. Görsellerinizin aynı boyutta gözükmesi için lütfen aşağıdaki kodu uygulayınız:

    @media only screen and (max-width: 600px) {
    .divimg {
    width: 125px !important;
    height: 75px !important;
    }
    }

    Bu kodu widgetınıza uygulamak için ise lütfen aşağıdaki adımları ve ekran görüntüsünü takip ediniz takip ediniz:

    1. Form Oluşturma Aracı sayfasında, Görsel Seçme widget'ını seçiniz.
    2. Daha sonra, sağ tarafında bulunan Değnek simgesine tıklayınız ve Özel CSS sekmesini seçiniz.
    3. Daha önce eklemiş olduğunuz kodu siliniz.
    4. Şimdi, yukarıdaki kodu uygulayınız ve Widget'ı Güncelle butonuna tıklayınız.

    1646983381 622af8d5c1607 screencast 2022 Screenshot 10

    Bu adımları tamamladıktan sonra formunuzun Görsel Seçme widgetında bulunan görseller mobil cihazlarda aşağıdaki gibi gözükecektir:

    1646983523 622af9639acdc Screen Shot 202 Screenshot 21

    Desteğe gereksinim duyduğunuzda bizimle iletişime geçmekten lütfen çekinmeyin.