Can you help me solve the issue of why the color section that has our logo/menu — which is set to transparent header — is displaying so badly on mobile?
My URL is in Private Content, along with login information. For some reason, the header is NOT transparent as set on desktop computer, but instead displays the header default background color in a band, opaque, overlaying the video and background image I’ve set as a backup for mobile devices. Something’s very not right and I do not know what’s going on. Thanks.
Hi mterrian!
Thank you for using Enfold.
That is actually the default style of the header on mobile even if you set the page to have a transparent header. You can reverse it back to transparent with this in the Quick CSS field:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent !important;
color: #ffffff;
border-color: transparent;
position: fixed !important;
}}
Regards,
Ismael