Remove breadcrumb

Developer help
1

Please how can I remove this breadcrumb from posts? Is there a CSS I can use? Traveling as a Way of Life: The Story of a Vagabond Blogger

Screenshot 2024-11-19 at 17.07.04
Screenshot 2024-11-19 at 17.07.042000×584 72.6 KB

2 
<style>
.breadcrumbs {
    display: none;
}
</style>

Put that in your code injection and you should be good to go!

1 Like
3

Just wanted to add a small note, !important is needed to override style on mobile screens.

<style>
.breadcrumbs {
    display: none !important;
}
</style>
2 Likes
4

Thanks, the CSS worked, but unfortunately, it greyed out some elements which I don’t intend to be greyed out (affecting mobile view only). See photo’s attached.

Is there any solution please?

With CSS
With CSS1206×332 60.2 KB

Without CSS
Without CSS1206×246 48.3 KB

5

Try this:

<style>
.breadcrumbs {
    display: none !important;
}

@media (max-width: 479px) {
    .post > .post-tag {
        margin-top: 20px;
    }
}
</style>
6

I tried it; it didn’t work for the mobile view unfortunately. Can you help? @PriorityVision