Difference in css between shop and product detail page?

Hey,
Is there a possibility to distinguish between shop and product detailpage in css? I want to hide the last bradcrumb on every product page, but not on the subcategories before. I tried :not(.description-area-before) .woocommerce-breadcrumb :last-child, but this effects all breadcrumbs.

Thanks!

Hello,

The product page and shop/categories pages are configured differently. You can hide the breadcrumbs in the Theme Settings > Product page > Hide/show elements.

Best Regards

I dont want to hide them completly, only the last breadcrumb on the productpage. Unfortunately it disappears on the other pages as well.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-breadcrumb .breadcrumb-last:last-child, 
.yoast-breadcrumb .breadcrumb_last:last-child {
    display: none;
}

Best Regards

[Author]

Posts