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?

[hamzaabbas]

Above Categories 

[Moeed · Accepted solution]

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 </body> tag

<style>
breadcrumb-component.breadcrumb-container.style--line_clamp_1.scroll-trigger.animate--slide-in {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[hamzaabbas]

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

[steve_michael2]

@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_michael2]

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!

[steve_michael2]

@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.

[steve_michael2]

@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_michael2]

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