Menu Bar Scroll Trasparent

Hey denisj77,
To have your menu and header color partially transparent when scrolled,
try this code in the General Styling > Quick CSS field:

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color:rgba(255, 255, 255, 0.5) !important;
}

.header_color.av_header_transparency .header_bg, .header_color.av_header_transparency .main_menu ul ul, .header_color.av_header_transparency .main_menu .menu ul li a, .header_color.av_header_transparency .pointer_arrow_wrap .pointer_arrow, .header_color.av_header_transparency .avia_mega_div, .header_color.av_header_transparency .av-subnav-menu > li ul, .header_color.av_header_transparency .av-subnav-menu a {
background-color:transparent !important;
}

To have your mobile partially transparent when it opens, try adding this code:

@media only screen and (max-width: 992px) { 
.html_av-overlay-side #top .av-burger-overlay-scroll {
  background-color: rgba(255,255,255,0.5)!important; 
}
}

Best regards,
Mike