WordPress (WooCommerce) Mobil Column Sayısını Değiştirme

Herkese merhabalar, iyi akşamlar. Başlıkta da belirttiğim gibi, WordPress WooCommerce olan temamda bu değişikliği yapmak istiyorum fakat araştırmama rağmen bir sonuç elde edemedim. Sorunu kısaca özetleyecek olursam;

Masaüstü versiyonunda yan yana 6 tane ürün görüntüleniyor;

Mobil versiyonunda ise sadece 2 tane ürün yan yana görünüyor;


Kısaca yapmak istediğim şey ise; mobil ve tablet versiyonunda yan yana 2 tane ürünün görünmesi değil de, 3 tane ürünün görünmesini istiyorum. CSS ile alakalı bir çok işlemi denedim ancak net bir sonuç elde edemedim. İnternetten yaptığım araştırmaya göre de bunun bir WooCommerce sorunu olduğunu ve düzeltileceğini söylemişler ama bu söylenen şeyler de 1 sene öncesine ait. Yani 1 senede düzeltilmiştir diye düşünüyorum. WooCommerce sürümüm de şuan güncel. Bu konuda yardımcı olacak arkadaşlara şimdiden teşekkürler.

Temanız Bootstrap ve sürümü v4.x ise ürünlerin listelendiği div lerin classındaki col-x col-sm-x yazan yerini col-4 col-sm-4 şeklinde değiştirin eğer bunlar yoksa classa ekleme yapabilirsiniz.

Bootstrap versiyonum v3.x ve dediğinize baktım fakat bundan da bir sonuç elde edemedim...

Bootstrap 3 te col-xs-4 col-sm-4 şeklinde yaparsanız olması gerekiyor.

Dediğinizi yapınca da aşağıdaki gibi oluyor. Denemek için ilk 3 ürünün <li> etiketindeki classları değiştirdim. Boyutları küçülüyor ama yan yana gelmiyor. Zaten CSS'de float:left; olarak da ayarlı.

Sitenizin adresini gönderebilirseniz inceleyim bende