Bootstrap navbar-scrolled - Links not available-CodePudding

i have problem with my mobile menu. It is working well, but when i scroll (with sticky header) the menu will be blurry grey and the links are not available anymore. I can't find the issue. Maybe someone can help me out.

there comes a "navbar-active" into my class and deactivate or make it blurry the hole mobile menu.

.site-navbar.navbar-scrolled {
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: fixed;
  width: 100%;
  z-index: 1030;
  top: 0;
}

CodePudding user response：

The body-backdrop has a z-index of 1040.
So changing the menu to 1050, fixes the problem.

.site-navbar.navbar-scrolled {
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: fixed;
  width: 100%;
  z-index: 1050;
  top: 0;
}