Reply To: Header widget area transparency and mobile widget

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.