There are 2 ways so that you can solve your issue:
1. You just want the same header on the mobile view as on the desktop. Because the header of the mobile version will have a red color but you added the CSS code to discolor:
https://prnt.sc/1166jt6
https://prnt.sc/1166kpt
2. You want the header mobile to overwrite on Slider, you can use this CSS code > add in Theme Options and remember to back up this code when you change or update the theme:
.page-id-2771 .header-mobile{
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.admin-bar.page-id-2771 .header-mobile {
top: 46px;
}
However, No.1 is better, because if you use No.2, you will have to edit again the slider (Header will overwrite the text of your slider)
Pls check again then let me know