Transparent header mobile devices. New Thread!

If you have the menu changing at 990 w/ a transparent menu you can keep it fixed using this until it hits the mobile break point. — This will also work if you have a transparent sticky menu.

This is a bug Enfold must fix if using a transparent menu with the mobile menu set to become active at 990px instead of 767px

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_header_top.html_header_transparency #top #wrap_all #header, .responsive.html_header_top.html_header_sticky #top #wrap_all #header {
position: fixed;
}
}

I think her question was more that she has a Transparent header on a desktop before you scroll and wanted to have the same effect on Mobile right?
By Default the header is a solid color above the content on mobile.
I would like like to be able to do this but haven’t been able to figure it out, the solution linked to only applies to after you scroll and not before.

Jon

nope, am already using this extra code to make the header transparent after the scroll on mobile

@media only screen and (max-width: 990px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

What I want to do is the make the header transparent on mobile before you scroll just like it is on desktop
private info has a link to the site on another platform where it is transparent and over the content before scroll on both Desktop and Mobile

was a solution ever provided for this? i would also like a transparent menu for mobile devices, same as it looks on desktop… thanks!