Okay
  Public Ticket #2951542
Removing single product
Closed

Comments

  •  16
    vibekekelway1 started the conversation
    January 6, 2022 at 8:31am

    Hi,

    On the front page on mobile, there is a Single Product right at the bottom. I would like to remove this.

    Judith supplied a code (below) which worked for a while, but for some reason the single product is showing again. 

    Can you please help remove this again?

    Thanks in advance!

    Vibeke


    @media only screen and (min-width: 1300px){
    body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product {
        display: none;
    }
    }
    @media only screen and (min-width: 1000px){
    .container-wrap {
        padding-bottom: 0;
    }

  •  2,958
    Andrew replied
    January 6, 2022 at 9:32am

    Hello Vibeke,

    Use this CSS instead.

    .woocommerce:not(.single-product) ul.products[data-product-style]:not([data-n-desktop-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-desktop-small-columns="default"]) {
    display: none;
}

    Regards,

  •  16
    vibekekelway1 replied
    January 6, 2022 at 9:46am

    Hi Andrew,

    Yay! That works :)

    Thank you very much.

    /Vibeke