How do I get woocommerce categories and products to show in a single column on mobile
Hi,
I am building an online shop for a client using Astra, Brizy and WooCommerce.
Using the latest version of Brizy, I have the categories and products on the homepage set to show 3 columns on desktop but I need them to how in a single column on mobile.
How do I do this? The site is https://littletreasuresdiecast.com.
Thanks
Matt
-
Hi Matt,
sorry for not getting back to you sooner.
For any reason, your post reached the SPAM folder and we did not receive any notification about your question. Normally you would have received an answer in less than 24 hours.
Since it's been a while since you asked the question, please let me know if the problem is still actual and you still need our help, and I'll take care of that.
0 -
Hi Alex,
Yes, I still have this problem.
Matt
0 -
Hi Matt,
the Products element has a mobile option, where you can set columns number: https://jmp.sh/Qxbb7hJ but it seems that these styles are overwritten by Astra because even Woocommerce will display these columns one in a row by default. Could you switch to a different theme for a few minutes and see if there is any difference?
0 -
Hi Alex,
The problem is though, I am using the shortcode because it looks like if I use the products element, I have to filter it on one particular category.
https://share.ls25webdesign.co.uk/6qurLeAn
I cannot change the theme as the whole site is built around it.
Matt
0 -
Hi Matt,
You only need to change the theme for test purposes because that's most likely why you have that issue. On my test website, they are all displayed in a row on mobile. If you do not want to do this then you can solve the problem with custom css.
0
Please sign in to leave a comment.
Comments
5 comments