Archived topic
Workaround to column problem in Woocommerce breaks me the woocommerce pages
5 replies · Started by Fernando Díaz Gascón on August 5, 2017
Hello,
Now there is a problem with a solution coming in a following version. The issue is open here (https://generatepress.com/forums/topic/woocommerce-shortcode-products-dont-show-ok-for-tabletmobile/).
I made the workaround that told Tom here (https://generatepress.com/forums/topic/woocommerce-shortcode-products-dont-show-ok-for-tabletmobile/#post-324927).
But that CSS breaks me some woocommerce pages in my web. For example, if you go to this url (https://mariamandarinaonline.es/categoria-producto/juguetes/), put the screen below 768px and hover in the third product (bananagrams), you can see that the link goes to the fourth product (crayon rocks). It happens with a lot of products.
If I remove the css the woocoomerce pages works all right (but I see the products in home page wrong, because of the original problem). How can I solve the situation for the moment? The shop is online and I cannot wait to the next version.
Thank you in advance.
Hi there,
Can you try this CSS instead?:
@media (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product {
width: 100%;
float: none !important;
clear: both;
margin: 0 0 2.992em;
}
}I have changed the CSS and you can see: the result is the same.
Just adjusted the above code - can you try again?
Great!! It solved the issue.
Do you know when the solution to the main issue will be ready?
Thank you very much!
Great - this will be fixed in GPP 1.4 :)
Thanks!
