Hello, I have a transparent header on some pages that I have styled to be white. is it possible to keep the color of it white after scrolling on this page. I noticed on Desktop and mobile that is changes back to black when I start scrolling. It would be awesome to disable this.
Thank you,
Jeffrey
Hey Jeffrey,
Thank you for the inquiry.
This is possible but you may have to upload a different version of the secondary logo. Please try this code in the Quick CSS field.
.header_color .header_bg {
background-color: #ffffff;
}
.header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
color: #000000;
}
.header_color .av-subnav-menu a:hover, .header_color .av-subnav-menu a:focus, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li a:focus, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
color: #000000;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
The site looks really nice. :)
Best regards,
Ismael