Can you try this way?
/* Header General
-------------------------------------------------------------- */
#sp-header {
background: transparent;
height: auto;
width: 100%;
position: absolute;
z-index: 99;
box-shadow: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#sp-header.header-sticky {
background: #000; /* You can change the background color */
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
-moz-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
@media (max-width: 575px) {
#sp-header {
height: 70px;
}
#sp-header .logo {
height: 70px;
}
#offcanvas-toggler {
height: 70px;
line-height: 70px;
}
}