Nasıl yapılır ? Mobilde bu widget'leri nasıl gizleyebilirim?

Garfield · 7 Nis 2021

İxir | Dijital dünya hakkında bazı ipuçları.

İxir Blog, sizlere bir takım nadide ve güzide işe yarar mantıklı paylaşımlar sunar. Gerçek bir blog sitesi için içeri buyrun.

www.ixir.gen.tr

- İxir.Gen.TR'yi Beğendiniz mi? (anket)
- Sosyal Ağlarda Takip Et
- Duyuru;
-Webmaster's

yukarıda belırttıgım widgetleri mobilde gizlemek istiyorum.

eTiKeT™ · 7 Nis 2021

Sizin widget'larınız gördüğüm kadarı ile HTML olarak eklenmiş, bir widget olara görünmüyor. Kod yapısında o alana özel bir class bulunmadığı için direk şunu gizle diyemezsiniz. Ancak özel bir class olur ise yani xxx olanı gizle yada yyy olanı gizle diye bilirsiniz. Yani sizin onları normal bir widget olarak çalıştırmanız yada özel class eklemeniz gerekli.
Aşağıdaki kod online yöneticiler widget gizlemek içindir, eğer sizde bunları widget olarak ekler ve id bilgilerini aşağıdaki class yapısına eklersen onlarda gizlenecektir,

CSS:

@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="staffMembers"] .block-container
    {
        display:none;
    }
}

Kendi widget kullanmak için ise;

CSS:

@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="widgetAdınızıBurayaEkleyin"] .block-container
    {
        display:none;
    }
}

Garfield · 8 Nis 2021

Kod:

@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="webmaster"] .block-container
    {
        display:none;
    }
}

ya da

Kod:

@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="bildirim"] .block-container
    {
        display:none;
    }
}

seklınde denedım ama olmadı. mantıgı doğrumu anladım emın değilim, farklı bir kod ıle farklı bir widgeti denedım oda widgetin içeriğini gizledi sadece baslıgı yıne gorundu.

Kod:

@media (max-width:650px) {
.socialll {
    display: none !important;
    }
}

gibi

eTiKeT™ · 8 Nis 2021

Olması gereken budur, diğer yapıyı kullanamazsınız, çünkü o widget dayalıdır. Bu kod ise tamamını gizlemez sadece bir bölümü. Özel class bu şablonun en üstünde olmalıdır.

CSS:

@media (max-width: @xf-responsiveMedium)                  
{  
.block-container .bildirim
    {
        display:none;
    }
}

Garfield · 9 Nis 2021

eTiKeT™' Alıntı:
Olması gereken budur, diğer yapıyı kullanamazsınız, çünkü o widget dayalıdır. Bu kod ise tamamını gizlemez sadece bir bölümü. Özel class bu şablonun en üstünde olmalıdır.

CSS:

@media (max-width: @xf-responsiveMedium) { .block-container .bildirim { display:none; } }

evet bu kod ıse yaradı ama senınde dedıgın gıbı sadece ıcerıgı gızlıyor, baslık yıne gorunuyor. farklı bir cozum uretmeey calısacagım..

Garfield · 9 Nis 2021

Lim10Ata Halletti. teşekkürler.

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Nasıl yapılır ? Mobilde bu widget'leri nasıl gizleyebilirim?

Garfield

xFanatik

İxir | Dijital dünya hakkında bazı ipuçları.