#128134 Related Products Columns suddenly revert to single

Landing Forums JupiterX WordPress Theme Related Products Columns suddenly revert to single

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Adwoa Sss

    I have a weird issue happening with my site at the moment where the “related columns” section is suddenly forcing to 1 column. I only noticed it 2 days ago; before that it was showing as a row of 4. I have adjusted the issue both in customizer and in the Elementor template but it doesn’t seem to be sticking. I believe the issue came up when I updated my plugins but I can’t be sure exactly when it happened.

    Nodari Support Team

    Hey there

    Try this css code in the Appearance > Customize > Additionall css:

    .section.related.products .elementor-element.elementor-products-grid ul.products {
        display: block;
    }
    @media (min-width: 769px){
    .woocommerce .products.related ul.products.columns-4 li.product {
        width: calc((25% - 20px) + 20px / 4) !important;
        display: inline-block;
    }
    }

    By the way, this problem was caused by the Elementor Pro, not sure why but it is

    Adwoa Sss

    Thanks Nodari, however it doesn’t quite seem to work…the items are still all in one vertical column but the width of that column is 25% of the entire width

    Tatyana Hutsol Support Team

    Hello,

     

    I edited custom css code to this:

    @media (min-width: 769px){
    .woocommerce .products.related ul.products.columns-4 li.product {
    width: calc((25% - 20px) + 20px / 4) !important;
    display: inline-block;
    float: left;
    }
    
    .elementor-element.elementor-products-grid .related ul.products {
    display: block !important;
    }}

    Please check the related products now.

     

    Regards.

    Adwoa Sss

    Thanks! This seems to have fixed it

    Tatyana Hutsol Support Team

    Hello,

     

    You’re welcome!

    Regards.

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