There is 2 Breadcrumbs showing on collection page. How i can remove one from specific collection?

[hamzaabbas]

There is 2 Breadcrumbs showing on collection page. How i can remove one from specific collection?

https://www.tridentproducts.co.uk/collections/deal-town-collection

[Dan-From-Ryviu]

Hi @hamzaabbas

What breadcrumb do you want to remove? above Categories or below logo?

[Moeed]

Hey @hamzaabbas

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Steve_TopNewYork]

Hi @hamzaabbas

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

breadcrumb-component.breadcrumb-container.style--line_clamp_1.scroll-trigger.animate--slide-in {
    display: none;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[hamzaabbas]

Above Categories

[Steve_TopNewYork]

@hamzaabbas

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[hamzaabbas]

It removed the breadcrumb from all collections, i want to remove on specific collections.

[hamzaabbas]

It removed the breadcrumb from all collections, i want to remove on specific collections.

[Steve_TopNewYork]

@hamzaabbas

So, tell me the name of that specific collection.

[hamzaabbas]

Here is the collection https://www.tridentproducts.co.uk/collections/deal-town-collection

id is 534802006282

[Steve_TopNewYork]

@hamzaabbas Try this code

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

#HeaderCollectionSection-template--19028004307210__banner breadcrumb-component.breadcrumb-container.style--line_clamp_1.scroll-trigger.animate--slide-in {
    display: none;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[hamzaabbas]

It’s not working.

[Steve_TopNewYork]

Bro, it’s working now. Check the screenshot and mark the solution as resolved.