Kodu mobilde gizleme

Question

yukarı da bulunan kodu mobilde nasıl gizleyebilirim ? Sitenin sol tarafına reklam olarak ekledim herşey sorunsuz ama mobilde gizlemem gerekiyor

voyager · Answer

Bootstrap kullanıyorsan; hidden-xs hidden-sm classlarını ata.
Bootstrap kullanmıyorsan, aşağıdaki css kodu ile de yapabilirsin
@media screen and (max-width: 700px) {  #soldakayan {   visibility: hidden;  display: none;  } }

CYAgency · Answer

voyager adlı üyeden alıntı:						mesajı görüntüle									Bootstrap kullanıyorsan; hidden-xs hidden-sm classlarını ata.
Bootstrap kullanmıyorsan, aşağıdaki css kodu ile de yapabilirsin
@media screen and (max-width: 700px) { #soldakayan { visibility: hidden; display: none; } } 		hocam yukarıda ki kod hazır kod, css'de bir bağlantısı yok, o yüzden çözemedim

voyager · Answer

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

@media screen and (max-width: 700px) {
#soldakayan{
visibility: hidden;
display: none;
}
}

doğrumudur bu şekilde

Evet gene çalışmaz ise important edersin bir yerlerde vardır ezmen gerekir oda;
@media screen and (max-width: 700px) {
#soldakayan{
visibility: hidden!important;
display: none!important;
}
}

CYAgency · Answer

voyager adlı üyeden alıntı:						mesajı görüntüle									Kardeşim yazılım bilgin 0 sanırım. verdiğim css kodunu eklemen lazım zaten. Nasıl yapacağını biliyor musun?

bunu zaten ekliyorum bunda sorun yok ama mobilde halen görüntü geliyor sorun bu

voyager · Answer

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

bunu zaten ekliyorum bunda sorun yok ama mobilde halen görüntü geliyor sorun bu 		.soldakayan   olmayacak diyes olacak başında. id vermişsin. seçiciyi yanlış eklmeişsin
#soldakayan  bu şekilde yapacaksın.

bulutaylak · Answer

divin ID değerine sahip, sen css kısmına class girmişsin.  #soldakayan{} şeklinde css'ini düzenle.

CYAgency · Answer

voyager adlı üyeden alıntı:						mesajı görüntüle									.soldakayan  olmayacak diyes olacak başında. id vermişsin. seçiciyi yanlış eklmeişsin
#soldakayan  bu şekilde yapacaksın. 								bulutaylak adlı üyeden alıntı:						mesajı görüntüle									divin ID değerine sahip, sen css kısmına class girmişsin. #soldakayan{} şeklinde css'ini düzenle. 		@media screen and (max-width: 700px) { 
  #soldakayan{
    visibility: hidden; 
    display: none; 
    } 
}

doğrumudur bu şekilde

bulutaylak · Answer

display: none !important  yapman yeterli

@media only screen and (max-width: 700px) {
#soldakayan{
display: none !important;
}
}

voyager · Answer

CYAgency adlı üyeden alıntı:						mesajı görüntüle									@media screen and (max-width: 700px) { 
  #soldakayan{
    visibility: hidden; 
    display: none; 
    } 
}

doğrumudur bu şekilde 		Evet gene çalışmaz ise important edersin bir yerlerde vardır ezmen gerekir oda;
@media screen and (max-width: 700px) {
#soldakayan{
visibility: hidden!important;
display: none!important;
}
}

CYAgency · Answer

voyager adlı üyeden alıntı:						mesajı görüntüle									Evet gene çalışmaz ise important edersin bir yerlerde vardır ezmen gerekir oda;
@media screen and (max-width: 700px) {
#soldakayan{
visibility: hidden!important;
display: none!important;
}
} 		
yok olmadı yine

Kesin çözümüm: komple kaldırdım eklemeyeceğim

voyager · Answer

CYAgency adlı üyeden alıntı:						mesajı görüntüle									yok olmadı yine

Kesin çözümüm: komple kaldırdım eklemeyeceğim  		hmm olmaması imkansızda artık bundan fazlası incelemek lazım bir yerlerde bir hata vardır

CYAgency · Answer

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

Evet gene çalışmaz ise important edersin bir yerlerde vardır ezmen gerekir oda;
@media screen and (max-width: 700px) {
#soldakayan{
visibility: hidden!important;
display: none!important;
}
}

yok olmadı yine

Kesin çözümüm: komple kaldırdım eklemeyeceğim

Sitenin sağ ve sol tarafına dikey resim ( reklam ) eklemeye uğraşıyorum olayın temelinde

MythDev · Answer

max-width:700 değil. max-width:480px yaparak dene. O zaman çalışacağını göreceksin. 700 tablet çözünürlüğü. !important atmayı unutma.