Elementorの「商品一覧」をモバイルで3カラムにしたいのですが、なぜか1カラムで端に寄ってしまいます。
何が抜けておりますでしょうか？
.product_list_widget:nth-child(n) {
width: 31% !important;
margin-left: 0.5% !important;
margin-right: 1.5% !important;
}
.product_list_widget:nth-child(2n) {
width: 31% !important;
margin-left: 0.5% !important;
margin-right: 1.5% !important;
}
.product_list_widget:nth-child(3n) {
width: 31% !important;
margin-left: 0.5% !important;
margin-right: 1.5% !important;
}
View post on imgur.com
カスタムCSSに詳しい方おりましたらお教えください。
よろしくお願いいたします。