I’m trying to make the breadcrumbs below this header sticky on my website, but I’m encountering an issue. I’ve added CSS code, but when I scroll, there’s a gap between the header and the breadcrumbs. Here’s the website link (http://wp.kaercher-center-matthes.de/) and the CSS code I’ve tried:

.title_container {
  position: fixed;
  z-index: 1000;
  width: 100%;

Any suggestions on how to fix this?

I’m trying to make the breadcrumbs below this header sticky on my website, and the CSS code I’ve tried:

.title_container {
  position: fixed;
  z-index: 1000;
  width: 100%;
}