Black Bar in the header – part II

Hello Enfold team,

you helped me to create a black bar in the header of my current webproject (https://kriesi.at/support/topic/black-bar-in-the-header/)

First, it works fine, but after checking some mobile phones, i found out, that on android 2.03 it works, but on 4.04 (with smaller screen), there is no menu + logo anymore, if I use the code you provided me:

#header_meta {
position: fixed;
width: 100%;
left:0;
}

On the other side, on desktop view, this black bar is hiding, when I scroll down (have a look at the link). This ist no happening at mobile view, however, the bar ist „juming“, when I scroll down (because I use the Header Secondary Menu for it)

The bar should be always in the browser, like the logo. Is there a simply way, to create this bar without the problems of this header secondary menu. Again, the bar should be always 100% of the browser window.
Thank you for your help, I really appreciate it.