burukkalpler' Alıntı:

Merhaba arkadaşlar;

Google siteme mobil uyumlu değil uyarısı veriyor. Bende bunun için mobil uyumlu bir index hazırlamaya çalışıyorum. Mobil görünümde herşey gayet güzel ancak flatcast radyo alanı yanlara sarkıyor. Bunun bir çözümü varmı? Yani mobilden siteye girildiği zaman flatcast radyo alanıda küçülsün istiyorum.

Şimdiden yardımlarınız için teşekkür ederim...

Genişletmek için tıkla...

burukkalpler' Alıntı:

Çok teşekkür ederim hocam. Ben şu kodu denedim radyoyu sağa yaslıyor ve sayfa da taşma yapmıyor ama böyle sadece yarısını gösteriyor.
Kod:

CSS: Copy to clipboard

@media (max-width: 768px) {
    .radyo-alani {
    float: right;
    height: auto;
    width: auto;
    }
}

Genişletmek için tıkla...

@media (max-width: 800px) {
    .radyo-alani {
    max-width: 800px;
    max-height: 600px;
    width: 100%;
    height: auto;
    }
}

burukkalpler' Alıntı:

Çok teşekkür ederim hocam denedim ama yine aynı şekilde taşma yapıyor radyo alanı asla küçülmüyor. En iyisi sizin verdiğiniz bu kod
[CODE title="CSS"]@media (max-width: 800px) {
iframe {display: none;}
}[/CODE]
en azından mobilde radyoyu kaldırıyor. Siteye bir not yazılır radyomuz mobil uyumlu değildir diye...

Çok teşekkür ederim @Adanalı

Genişletmek için tıkla...

@media (max-width: 800px) { .radyo-alani iframe { max-width: 800px; max-height: 600px; width: 100%; height: auto; } }