Long title and long breadcrumb overlaps - Support | Kriesi.at

Tagged: breadcrumb

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

Author

Posts
November 8, 2015 at 6:01 pm #532175
oroshazimedia
Participant
For a temporary solution I’d like to post this css code, which strips away the unnecessary parts from the breadcrumb, and limits the depth of it too.
```
.title_container .breadcrumb-trail .trail-begin {
  display: none;
}

.title_container .breadcrumb-trail span:nth-child(-n+3), .title_container .breadcrumb-trail span:nth-child(n+9) {
  display: none;
}
	  
.title_container .breadcrumb-trail span:nth-child(6):after {
  content: '…';
}
```
You can see here this solution in action, likewise it was necesarry to use the breadcrumb function within some pages where the hierarchy is a must.

This page is a pretty long one:
http://web.bekesmegye.hu/onkormanyzat/bekes-megyei-onkormanyzati-hivatal/osztalyok/teruletfejlesztesi-es-teruletrendezesi-osztaly/teruletfejlesztes/dokumentumok/

It would be great to have an option in enfold admin, to style this part of the theme, at least to limit the depth of the breadcrumb, shortening for the main title…
- This topic was modified 9 years ago by oroshazimedia.
November 8, 2015 at 6:09 pm #532186
Yigit
Keymaster
Hi oroshazimedia!

Thank you for posting your solution!
You can also try adding following code to Quick CSS
```
.title_container .breadcrumb {
  left: 45px;
  right: auto;
  top: 83%;
}
```
Also, please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/

Cheers!
Yigit
November 8, 2015 at 6:22 pm #532190

oroshazimedia
Participant

Thank you, but the code you suggested would cause other problems. I requested a feature here https://kriesi.at/support/enfold-feature-requests/
Author

Posts

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

The topic ‘Long title and long breadcrumb overlaps’ is closed to new replies.