Archived topic
Hiding breadcrumb on posts/pages with page headers
16 replies · Started by gedosan on August 6, 2018
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
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.
Hey Leo
Ah shoot - so there's no way of hiding the breadcrumb on these full width headers until the new version?
Cheers
Can you answer my question above?
Thanks!
I'm not sure if I'm using contained page headers to be honest. Where should I be looking?
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?
Hey Leo - I added it to the GP hook 'above content' and now it's ok.
Thanks
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
Might be better to modify the breadcrumb code itself.
Do you want it only on posts?
Just for posts is fine thanks
This should be your code:
https://generatepress.com/forums/topic/yoast-breadcrumb-seo/#post-629291
thanks - what's the CSS I use to style that please?
Would be something like this:
#breadcrumbs {
font-size: 20px;
}
hi - sorry that's not working (I can't control the element with that). Can you take a look again please.
Thanks
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 :)