Nasıl yapılır ? Xenforo less kod yapısı

Mete_' Alıntı:

Extra less şablonuna eklenen bir kodun mobilde gizlenmesi için ne yapabiliriz.

.p-header {
backround: #fff;
}
Örnek bu kod pc de arka plan rengini beyaz olarak değştirsin ama mobil sürümde çalışmasın istiyorum.

xf resmi sitesinde şu tarz kodlar paylaşmışlar ama işe yaramıyor.


@media only screen and (min-device-width:375px)

{.mobilesonly
{display:none }
.p-header {
backround: #fff;
}
}

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

FARKHOSTİNG' Alıntı:

Bu şekilde deneyebilirsiniz.

Kod:

@media only screen and (min-device-width:375px)

{.mobilesonly
{display:none }
.p-header {
backround: transparent !important;
}
}

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

.p-nav {
    background: rgba(0,0,0,.2);
    margin-right: 10px;
    padding: 1rem 1.5rem calc(1rem + 5px);
    top: 200px;
    right: 70px;
    padding: 33px;
   width:350px;
    position: absolute;
}

Mete_' Alıntı:

şöyle kendime göre bir header yapısını extra less aracılığı iledüzenledim.

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

Mete_' Alıntı:

Yardımın için teşekkürler ama olmadı şimdi şöyle kendime göre bir header yapısını extra less aracılığı iledüzenledim.
.p-nav kısmını css yardımı ile headerin sol köşesine aldım çokta gzel oldu gibi. Ama mobilde bozuluyor tema.
İstediğim .p-nav için eklediğim bu kod sadece pc versiyonunda aktif olsun mobil temao kodları okumasın.

Kod ve ekran görüntüleri bu şekilde.

CSS:

.p-nav {
    background: rgba(0,0,0,.2);
    margin-right: 10px;
    padding: 1rem 1.5rem calc(1rem + 5px);
    top: 200px;
    right: 70px;
    padding: 33px;
   width:350px;
    position: absolute;
}

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

MusaPekel' Alıntı:

Merhaba,


@media (max-width:650px){
.p-nav {

#####kod içeriği #####
}
}

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