@tayfunerbilen hocam bu konuda bir yerde yine takıldım.

li içindeki a ya class atadık peki aynı classı li ye nasıl atabilirim yani döngüyü başlatan li'ye.
Deneme yanılma yapsamda bir türlü liye atayamadım.

[ÇÖZDÜM]
Şimdi çözdüm hocam if içinden a yı kaldırınca direk liye etki etti.

$('li').each(function(){
	if ($('>ul', this).length){
		$(this).addClass('altvar');
	}
});

Merhaba,

Tarayıcı CSS dosyasını yukarıdan aşağı taradığı için bu verdiğiniz media ekranları altında bu ölçüleri etkileyecek bir media olmamalıdır.
Birde vontainer için bir yükseklik vermediyseniz farkedemezsiniz.

Şu şekilde deneyebilirsiniz.

@media only screen and (min-width:992px) and (max-width:1199px){
.container{
  width: 100%;
  background-color:#C00;
  height:100px;
}

}

Cevap için teşekkürler, bu yöntem ilede kullanılmakla beraber sorunun nedenini buldum.

Sorun Mysql in güvenlik nedeni ile bir tanım belirtilmeyen hücrelerin boş bırakılamamasından kaynaklanıyormuş.

Bu problemin 2 çözümü var;

1. ) Mysql de bir tablo oluştururken Varsayılan belirlenmesi gerekiyor, bunlar; 'NULL' ve 'Belirlenen Değer' olabiliyor.
2. ) Bu yöntemi yaptığınızda varsıyan belirlemenize gerek kalmıyor. Bende Locade çalışmasının nedeni buydu. Mysql>Değişkenler içerisinde STRICT_TRANS_TABLES bölümünü sildiğimizde sorun ortadan kalkıyor.

Sanırım hala desteklemiyor bu nedenle şöyle bir yöntem kullanabilirsin.

<picture>
<source srcset="img.webp" type="image/webp">
<source srcset="img.jpg" type="image/jpeg">
<img src="img.jpg">
</picture>

BU şekilde chrome tarayıcısı öncelikle webp kaynak alıcaktır.