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.

Hi smart.sharukhkhan786,

Thanks for your patience.

Please remove previous code and 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-link + .wd-delimiter{
	display: none;
}

Regards,

The problem has been resolve, you are awesome, thank you so much.

Hi smart.sharukhkhan786,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

[Author]

Posts