[Resolved] Workaround to column problem in Woocommerce breaks me the woocommerce pages

Home Forums Support [Resolved] Workaround to column problem in Woocommerce breaks me the woocommerce pages

Home Forums Support Workaround to column problem in Woocommerce breaks me the woocommerce pages

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #360295
    Fernando Díaz Gascón

    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.

    #360415
    Tom
    Lead Developer
    Lead Developer

    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;
        }
    }
    #360435
    Fernando Díaz Gascón

    I have changed the CSS and you can see: the result is the same.

    #360621
    Tom
    Lead Developer
    Lead Developer

    Just adjusted the above code – can you try again?

    #360892
    Fernando Díaz Gascón

    Great!! It solved the issue.

    Do you know when the solution to the main issue will be ready?

    Thank you very much!

    #361161
    Tom
    Lead Developer
    Lead Developer

    Great – this will be fixed in GPP 1.4 🙂

    Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.