Home › Forums › WoodMart support forum › Hide Single Product WooCommerce breadcrumbs title?

Hide Single Product WooCommerce breadcrumbs title?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 22, 2024 at 2:11 pm #614670

    smart.sharukhkhan786
    Participant

    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.
    November 23, 2024 at 4:26 pm #615068

    Hung Pham
    Keymaster

    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,

    November 23, 2024 at 4:57 pm #615087

    smart.sharukhkhan786
    Participant

    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

Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)