0
Kayıt Ol

Banner Mobilde Bozuk Görünüyor [ Yardım İsteği ]

6

●

251

  • 02-02-2018, 03:46:22
    #1
    Glare
    Glare
    Merhaba arkadaşlar.
    Siteme eklediğim banner masaüstünde sorunsuz çalışırken mobil girişlerde sorunlu çalışıyor.
    Sitem : www.kacabone.com

    Siteye hem mobilden hemde bilgisayardan girin sorunun ne olduğunu anlayacaksınız.
    ( Banner kısmı bozuk )

    Burayı nasıl mobil uyumlu hale getirebilirim.
  • 02-02-2018, 03:59:17
    #2
    Misafir
    Misafir
    Glare adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar.
    Siteme eklediğim banner masaüstünde sorunsuz çalışırken mobil girişlerde sorunlu çalışıyor.
    Sitem : www.kacabone.com

    Siteye hem mobilden hemde bilgisayardan girin sorunun ne olduğunu anlayacaksınız.
    ( Banner kısmı bozuk )

    Burayı nasıl mobil uyumlu hale getirebilirim. 
    @media (min-width: 481px) and (max-width: 767px) {
//Mobil kodlarını buraya yazacaksın
}
  • 02-02-2018, 04:03:28
    #3
    Glare
    Glare
    Misafir adlı üyeden alıntı: mesajı görüntüle
    @media (min-width: 481px) and (max-width: 767px) { //Mobil kodlarını buraya yazacaksın }
    Hocam denedim olmadı
    @media (min-width: 481px) and (max-width: 767px) {
    Bu kod normal yazı gibi gösteriliyor.
  • 02-02-2018, 04:37:19
    #4
    Onur89TR
    Onur89TR
    <a> tagına class atayın (örnek <a class="classim"><img src... /></a>)
    Sonrasında a.classim img { width: 100% !important; }
    Yaptığınızda olacaktır.
  • 02-02-2018, 04:40:57
    #5
    mehmetarik
    mehmetarik
    Youtube banneri bozuk. Bu düzeltir. CSSye ekle
    .hide-on-large-only img, .hide-on-large-only a img{width:auto; height:auto; max-width:100% !important; }
  • 02-02-2018, 05:29:20
    #6
    Glare
    Glare
    Onur89TR adlı üyeden alıntı: mesajı görüntüle
    <a> tagına class atayın (örnek <a class="classim"><img src... /></a>)
    Sonrasında a.classim img { width: 100% !important; }
    Yaptığınızda olacaktır.
    Hocam kod bilgim çok düşük seviye. Dediğiniz işlemi yapabilmem mümkün değil.

    mehmetarik adlı üyeden alıntı: mesajı görüntüle
    Youtube banneri bozuk. Bu düzeltir. CSSye ekle
    .hide-on-large-only img, .hide-on-large-only a img{width:auto; height:auto; max-width:100% !important; }
    Bu şekildede denedim olmadı sytle.css ekledim bir değişiklik yok.
  • 02-02-2018, 05:52:35
    #7
    mehmetarik
    mehmetarik
    Eklememişsin hocam. Hem stil dosyalarını çekme sıran önemli. Matearilize.css ve style.css de ikisinde de görünmüyor kod. Olmazsa matearilize.css de
    img {border: 0;max-width:100% !important;} ekle. !important önemli demektir. Aynı etikete sahip başka CSS kodu varsa onu arkaya atıp !important ile biten stil çalıştırılır. Resim olayını etkileyen başka etiket varsa ona bak.