Hello,
Sorry but not getting what exact changes do you want to make for the mobile.
Can you please explain some more and if possible share reference site or snapshot.
Thread Starter
kickd
(@kickd)
Hey
Sorry for the poor explanation.
I want to change the layout to two rows for woo commerce products on mobile for my website. It currently looks like this – https://snipboard.io/juSswb.jpg
I have tried to change this using the current settings but it does not seem to be working. It looks like the web view is just being mirrored on mobile.
I hope this is clearer
thanks
Hello,
Thank you for your explanation.
Please go to Appearance > Customize > Woocommerce > Archive, scroll down and set the shop column for different devices by clicking on the device icon.
https://ibb.co/wRkrz0k
Thread Starter
kickd
(@kickd)
Hello
Thank you but I have tried this already, it is not working. snipboard.io/gHCdnT.jpg
Thread Starter
kickd
(@kickd)
Please see this screenshot -snipboard.io/32ZIba.jpg
There is two woocomerece sections on the left. there may be a clash between the two
Hello,
It seems the plugin conflict issue. Try to disable all the nonocean plugin except the elementor and woocommerce, and check if it is working or not. If yes, enable the one by one plugin, and refresh the page after enabling each plugin, to check the conflict issue.
If not resolved by the above, disable all the nonocean plugin except the elementor and woocommerce, and let us know.
Hello,
The issue you are facing due to the third-party plugin or code. It is not a theme related issue. You can use the below code to fix it. –
@media only screen and (max-width: 580px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 50%;
}
}
Thread Starter
kickd
(@kickd)
Hello
Thank you very much! We are nearly there. The code that you gave me displays the products in one row. can I please have the code that displays in two rows?
Many thanks
Hello,
As checked, your site and the products are already displaying in two rows. CLear the cache and check.
