[Support request] Column shop layout in desktop/ipad/mobile

Hi there,

What error are you receiving?

Any of these? https://docs.generatepress.com/article/updating-issues/

Here’s the cause of that error: https://docs.generatepress.com/article/updating-issues/#could-not-copy-file

Have you tried using the WC columns option within the WC module? It has a desktop and mobile option.

Let me know 🙂

WooCommerce columns are tough to manipulate, but we do have plans to add a tablet option into the Customizer option for them.

For now, give this a shot:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .woocommerce .wc-mobile-columns-1 ul.products li.product, 
    .woocommerce-page .wc-mobile-columns-1 ul.products li.product {
	width: 46.2%;
        clear: none !important;
    }

    .woocommerce .wc-mobile-columns-1 ul.products li.product:nth-child(2n+1), 
    .woocommerce-page .wc-mobile-columns-1 ul.products li.product:nth-child(2n+1) {
	clear: both !important;
    }
}

iPad using landscape should use your desktop layout by default, so the above only targets portrait and forces 2 columns.

Let me know – it might need some tweaking.