HTML Kodu Mobilde Nasıl Geçersiz Yaparız

Arkadaşlar bir kod var aşağıda bunu mobilde geçersiz yapmam lazım nasıl yaparım. Sadece masaüstü modda arkaplan vermesi lazm

.theme-light .menu-wrapper .site-logo-wrapper a {
background-color: #ffffff;
}

@media only screen and (max-width: 600px) { ..theme-light .menu-wrapper .site-logo-wrapper a { background-color: #ffffff; } }

burada renk kodunu değiştirin.

Öncelikle bahsettiğiniz kod HTML değil CSS. Sadece mobil için geçerli olacak kod örneğini aşağıya bırakıyorum;

@media only screen and (max-width: 600px) {
Buraya kod gelecek;
}
}

/*.theme-light .menu-wrapper .site-logo-wrapper a {
background-color: #ffffff;
} */

sadece mobil için kod mümkün de sadece masaüstünde geçerli olacak. mobilde background:none gibi bişey gerekmiyor mu

o zaman masaüstü arkaplan da gidiyor masaüstü kalacak mobil kalkacak

background:transparent

Attığım kod mobil cihazlar için geçerli. Oradaki backgrund elementini none de yapabilirsiniz.

@media only screen and (max-width: 600px) {
.theme-light .menu-wrapper .site-logo-wrapper a {
display: none;
}