Transparent header just for desktop and not for mobile version

[PerformaBoostX]

I am currently able to change my header into a transparent header, but it doesn’t look good on mobile. Because of that I I’d like to have the transparent header just for desktop version and a standard header for mobile. Could anyone please give me some answers?

Best regards

[websensepro]

Hi, @PerformaBoostX

Please send Page URL

[PerformaBoostX]

https://performaboostx.com/

[PerformaBoostX]

I already watched your yt video https://www.youtube.com/watch?v=Z1JelHGDjMU&t=1s and did what you did in the video but I would like to have the transparent header just for desktop

[websensepro]

@media screen and (max-width: 550px) {
 header#site-header {
    background-color: black !important;
    position: relative !important;
}
}