私のサイトはここです-
ご覧のとおり、私は wordpress と woocommerce を使用しており、製品アーカイブのスタイルをかなり重視しています。また、アンダースコアに基づくカスタム テーマも使用しています。
私が望むのは、デスクトップ サイズ (>992px) の場合は 1 行あたり 6 個の製品、タブレットの横向きの場合は 4 個、電話のサイズの場合は 2 個の製品を表示するサイトです。タブレットと電話のサイズはうまく機能しますが、デスクトップ ビューではすべての画像がページの左側に移動するのを止めることはできません。
列数を 6 に変更して、CSS をデスクトップ ビューに合わせて調整しようとしましたが、タブレットのサイズも台無しになります。私もブートストラップを使用してみましたが、それは物事をさらに間違っているようです!
css でやりたいことを行う方法はありますか、それとも woocommerce.php ファイル内の列を完全に削除する必要がありますか?
よろしくお願いします！