Header fully transparent on mobile

Hi,

I want my sticky header to be fully transparent on mobile, but I see a white bar at the beginning. I use the code below and with that the header is sticky and when scrolling the white background also disappears – but how do I make it sticky right away.

/*Deactivate enfold menu*/
nav.main_menu{
display:none!important;
}

/*Transparent header*/
.header_color .header_bg {
background-color: transparent !important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
.responsive #top #main {
padding-top: 0px !important;
}
}

PS Fully transparent on desktop and/or mobile would in itself be a nice option in the menu