How to hide breadcrumbs on specific pages?

Store Design
1

Hello,

I am trying to hide only the breadcrumb for currently selected pages, while keeping the path out displayed.

the website is https://barbellbasecamp.com

Thanks in advance guys.

2

@Cody_w36 it will need the code editing, plz send some more details with example links where you want show them.

3

Thank you for reaching out @Ahsan_ANC , the current look on the website is https://barbellbasecamp.com/blogs/endurance/heart-rate-based-endurance-training

I would like it to look like this

https://www.gohunt.com/content/insider/maps/how-to-use-the-rangefinder-tool-on-gohunt-maps

Where it doesn’t show the currently selected article within the breadcrumb menu, and all links within breadcrumb nav are the same color unless hovered over.

4

Hi, @Cody_w36

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
.breadcrumb :nth-last-child(1), .breadcrumb :nth-last-child(2) {
    display: none !important;
}	
.breadcrumb a{
 color:#a1a1a4 !important;
}
.breadcrumb a:hover {
    color: #5d5d5d !important;
}