Hide Single Product WooCommerce breadcrumbs title?

Hi,

I want to disable the Home link and product title link from the WooCommerce breadcrumb. However, I couldn’t find any option to do this in the Elementor WooCommerce breadcrumb element settings.

Attachments:

You must be logged in to view attached files.

Hi smart.sharukhkhan786,

Thanks for reaching to us and appreciate your patience.

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

.single-product nav.wd-breadcrumbs>span:first-child,
.single-product nav.wd-breadcrumbs>span:nth-child(2),
.single-product nav.wd-breadcrumbs>span.wd-last,
.single-product nav.wd-breadcrumbs>span.wd-last + .wd-delimiter{
	display: none;
}

Regards,

Hi,

Thank you for providing the codes. However, I’m facing the following issues:

The CSS is not working when applied under “Theme Settings > Custom CSS > Desktop.” I need to paste this CSS in the global settings, but I would like it to be applied only on desktop devices and not on others.

The second issue is that, as shown in the screenshot, I can still see the slash in the breadcrumb. Please refer to the screenshot for clarification.

Attachments:

You must be logged in to view attached files.

[Author]

Posts