Mobilde CSS kodunun çalışmamasını sağlamak

/* Comment Form */
#comments > .comment-form{
    position:relative;
    left:0px;
    margin-right:375px;
    
}

Bu kodun mobilde çalışmamasını nasıl sağlıyabilirim

@media only screen and (max-width: 600px) {
KODU BURAYA YAZ
}

@media screen and (max-width: 600px) { /// mobil'e gizlemek
.nomobile {
visibility: hidden;
clear: both;
float: right;
margin: 5px auto;
width: 22%;
height: auto;
display: none; // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir.
}
}

şu kodu uyarlamayı deneyin hocam.

@media only screen and (max-width: 600px) {
/* Comment Form */
#comments > .comment-form{
position:relative;
left:0px;
margin-right:375px;

}
}
bu şekilde mi?

Aynen bu şekilde.
Unutmadan; bunu ilgili css dosyasının en altına koy yoksa görmez

Merhaba,

@media screen and (max-width: 768px) {
#comments > .comment-form {
display: none;
}
}

isine yarayacaktir diye dusunuyorum. Olmazsa sonuna birde !important ekleyerek dene.

Edit: Duzgun goruntulenmedigi icin duzenlenmistir.

yardımlarınız için teşekkür ediyorum Uygun kodu buldum

/* 768px and above screen sizes */
@media (min-width:768px){

Kod

}