Possible to hid breadcrumbs from individual blog posts? - Support

Tagged: Blog, breadcrumbs, header

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
October 11, 2014 at 8:45 pm #334388

chartier
Participant

I’d like to enable the Header option to display both page titles and breadcrumbs across the site. But most blog post titles and breadcrumbs ram into each other. Example:

https://dl.dropboxusercontent.com/u/5660/Scratch/Enfold%20title%20collision.png

Is there a way I can enable this option, but *disable* breadcrumbs on individual blog posts? Thanks!

October 13, 2014 at 6:46 am #334650
Ismael
Moderator
Hi David!

Thank you for using Enfold.

You can add this on QuickCSS or custom.css to hide the breadcrumb on single posts:
```
.single .title_container .breadcrumb {
display: none;
}
```
Regards,
Ismael
November 6, 2014 at 1:43 am #346907

chartier
Participant

Ok thanks for this. Is it something you might be able to fix in an update? Maybe breadcrumbs could wrap in their own block to the right of the page title on desktops, and underneath the title on mobile? It feels like they shouldn’t be ramming together like this.

November 6, 2014 at 5:39 pm #347198

Yigit
Keymaster

Hi!

Can you post the link to your website please? We may recommend a workaround if we can see the issue

Best regards,
Yigit

November 6, 2014 at 6:38 pm #347240

chartier
Participant

For now I copied our site to our staging area, so here’s the main site:

http://tooagile.staging.wpengine.com

and a good blog post example where the breadcrumbs ram up to the page title:

http://tooagile.staging.wpengine.com/2014/10/27/1password-5-mac-mini-menubar-shortcuts/ (hosted on WPengine)

Thanks for checking into this!

November 6, 2014 at 6:43 pm #347242
Yigit
Keymaster
Hi!

Please try using following code
```
.title_container .breadcrumb {
right: auto;
top: 76%;
left: 46px;
}
```
Best regards,
Yigit
November 7, 2014 at 11:42 pm #347984

chartier
Participant

Thank you for this. I think we’re getting closer but the breadcrumbs now mash into the bottom of the page title. Examples:

https://www.dropbox.com/s/fillkyxbsjvz0xa/Photo%20Nov%2007%2C%203%2033%2042%20PM.png?dl=0
https://www.dropbox.com/s/26k859yuhqnznwp/Photo%20Nov%2007%2C%203%2033%2049%20PM.png?dl=0

November 9, 2014 at 3:23 pm #348338
Andy
Inactive Moderator
Hey!

replace code with:
```
.title_container .breadcrumb {
right: auto;
top: 95%;
margin-top: 10px; 
left: 46px;
}
```
Regards,
Andy
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.