מוצרים קשורים ב WooCommerce

נכון, כי הקוד שהבאתי משפיע גם על מובייל.

אתה יכול לייחד אותו רק לדסקטופ כך (תחליף את הקוד הבא בקוד הקודם):

@media (min-width:768px) {
.woocommerce .related.products, .woocommerce .upsells.products, .woocommerce-page .related.products, .woocommerce-page .upsells.products{
	    width: 100% !important;}
		
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells ul li.product, .woocommerce .upsells ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells ul li.product, .woocommerce-page .upsells ul.products li.product{
		width:25% !important;}
}

כך במובייל המוצרים הקשורים יוצגו ברוחב 100%.