Thanks!
1, 2, 3 try this:
[html]#header-widget-area {
margin: 0 auto;
z-index: 99999999 !important;
background: white !important;
position: relative;
}
.asp_w {
z-index: 99999999 !important;
}[/html]
4. You can try a media query CSS to detect the screen width and hide the header widget ara.
[html]@media screen and (max-width: 480px) {
#header-widget-area {
display: none !important;
}
}[/html]
Please note, that this qualifies as a customization request, so I cannot make sure it works in all cases.