.css mobilde gizleme kodu yardım

31-07-2021, 19:05:08

Üyeliği durduruldu

merhabalar sitenin bir yerini mobilde gizlemek istiyorum classı bu şekilde nasıl bir kod yazarsak mobilde gizlenir?

.odds-container {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius);
    margin-top: 1em
}

31-07-2021, 19:15:54

#2

Kuajsu

@media only screen and (max-width: 840px) { /* 840px in altını bu şekilde düzenleyebilirsiniz, buradan ölçeklendirebilirsiniz */
.odds-container {
    display: none;
}
}

Ayrıca "margin-top: 1em" noktalı virgülünü unutmuşsunuz bilginize

31-07-2021, 19:24:42

#3

MuzafferBYRKTR

@media only screen and (min-width:230px) and (max-width:480px) {  
   .odds-container {
       position:absolute;
        visibility:hidden;
   }
}

Cihaz genişliği 230 piksel ve 480px aralığında olan cihazlarda ilgili class'a bağlı elementler görünmeyecektir.
230 piksel ile 480 piksel aralığı telefon,
480 piksel ile 768 piksel aralığı tablet,
768 piksel ve üstü piksel boyutları laptop & bilgisayarlar içindir.

31-07-2021, 19:36:14

#4

~~emirhan40~~

Üyeliği durduruldu

Kuajsu adlı üyeden alıntı: mesajı görüntüle

@media only screen and (max-width: 840px) { /* 840px in altını bu şekilde düzenleyebilirsiniz, buradan ölçeklendirebilirsiniz */
.odds-container {
    display: none;
}
}

Ayrıca "margin-top: 1em" noktalı virgülünü unutmuşsunuz bilginize

cevaplar için teşekkürler hocam şuan çalıştı

MuzafferBYRKTR adlı üyeden alıntı: mesajı görüntüle

@media only screen and (min-width:230px) and (max-width:480px) {  
   .odds-container {
       position:absolute;
        visibility:hidden;
   }
}

Cihaz genişliği 230 piksel ve 480px aralığında olan cihazlarda ilgili class'a bağlı elementler görünmeyecektir.
230 piksel ile 480 piksel aralığı telefon,
480 piksel ile 768 piksel aralığı tablet,
768 piksel ve üstü piksel boyutları laptop & bilgisayarlar içindir.

cevaplar için teşekkürler hocam