Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1347446

    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

    #1347537

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.