Archived topic
WooCommerce Block Mobile Layout Issue
3 replies · Started by Paul on July 25, 2022
Hello everyone! It's me (Paul) again, with another question!
I am using the WooCommerce blocks I downloaded with the Generatepress template, and even though my shop layout is set to 2 Mobile Column Layout, I can not get it to work on the Home page I am using the block on. I have tried a few suggestions from the forums and nothing seems to work! I want it to be 2 columns on the Mobile Layout like the rest of the shop page - here is the page in question:
https://givepraiserecords.com/
Thank you so so much!
Hi Paul,
The Woocommerce block layout can not be controlled by theme settings.
Try this CSS:
@media (max-width: 480px) {
.home .wc-block-grid.has-5-columns.wc-block-product-new ul li {
max-width: 50%;
}
.home .wc-block-grid.has-5-columns.wc-block-product-new ul.wc-block-grid__products {
display: flex;
}
}You are a genius!!!!!! You help me out so much everytime!
Thank you so so much!!!!!!!
You are welcome :)
Glad to help!
