I’ve set the header color to be black in the header setting, but when it goes from transparent to the color when scrolling down, it’s still white. Is there another place in the settings to change this, and am I able to adjust the amount of transparency anywhere?
Forgot to include the link…
Hi evertypedesign,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria
Sure thing, here you go:
Hi,
Thanks for the login, I added this css to your Quick CSS to make the header black after scroll
.header_color .header_bg, .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: #000 !important;
}
I noticed that your mobile menu then has a black header and a “menu” text, so I added this css to make the text and icon white:
#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label,#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-1:after {
color: #fff !important;
}
Please clear your browser cache and check.
Best regards,
Mike
This is great, thank you so much!
Is it possible to eliminate the white border top and bottom when it changes to the darker color?
Hi,
I added this css:
#header_main,.container.av-logo-container{
border-width: 0px !important;
border-style: none !important;
}
Please clear your browser cache and check.
Best regards,
Mike
Perfect, thanks again!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike