[Resolved] Hiding breadcrumb on posts/pages with page headers

[gedosan]

Hi guys,

I’d like to hide the Yoast breadcrumb on posts and pages that have a full width page header (currently the breadcrumb just appears on top of the header). Do you have a bit of code that would let me do that please?

Thanks
G

[Leo]

Hi there,

The next version of GP premium will make this much easier.

Are you using some contained page header as well as full width page headers?

Let me know.

[gedosan]

Hey Leo

Ah shoot – so there’s no way of hiding the breadcrumb on these full width headers until the new version?

Cheers

[Leo]

Can you answer my question above?

Thanks!

[gedosan]

I’m not sure if I’m using contained page headers to be honest. Where should I be looking?

[Leo]

Actually the breadcrumb isn’t actually inside the page header div.

How are you adding it? Can you show me where you would like the breadcrumbs?

[gedosan]

Hey Leo – I added it to the GP hook ‘above content’ and now it’s ok.

Thanks

[gedosan]

Just realised that on the category pages the breadcrumb appears above every article (just navigate to any of my category pages and you’ll see what I mean). Can you share some CSS to just hide the breadcrumbs on category pages please?

Thanks

[Leo]

Might be better to modify the breadcrumb code itself.

Do you want it only on posts?

[gedosan]

Just for posts is fine thanks

[Leo]

This should be your code:
https://generatepress.com/forums/topic/yoast-breadcrumb-seo/#post-629291

[gedosan]

thanks – what’s the CSS I use to style that please?

[Leo]

Would be something like this:

#breadcrumbs {
    font-size: 20px;
}

[gedosan]

hi – sorry that’s not working (I can’t control the element with that). Can you take a look again please.

Thanks

[Leo]

Made a small change to this code here:
https://generatepress.com/forums/topic/yoast-breadcrumb-seo/#post-629291

Can you update it and re-try the CSS?

Let me know 🙂

[Author]

Posts