電話機のディスプレイ製品を1列に変更してください

Question

私のサイトは電話に対応していますが、2列には製品を表示しています。 電話機の表示を1列に変更できますか？ ここをクリックworking website ここにmy test website WordPressとWooCommerceで作業しているサイト 誰かがこの変更方法を知っているかもしれませんか？

Answer 1

ちょっとしたCSSを追加して、製品の要素の幅を調整してください。それは任意の画面に1つの列未満1024個のピクセルワイドになるだろう

@media screen and (max-width: 1024px) { 
    ul.products li.product { 
     width: 96%; 
    } 
} 

：このような何か。必要に応じて、小さな画面サイズにのみ影響を与えるように調整できます。