Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 24, 2016 at 3:20 pm #703303
    dabomb

    I am working on a site that is using the transparent header. I am using large images with a black transparency to allow text to show up on top of the image. Is there a way to make the menu font color be white as the default, and then as the user scrolls toward the bottom of the page, and the sticky header appears, the font color changes to the default dark gray?

    Here is the example I am looking at:
    https://www.homehero.org/

    Here is my version:

    Home

    October 25, 2016 at 7:27 am #703615
    Rikard

    Hey dabomb,

    Please try setting the colour to white in the backend, then add the following to Quick CSS:

    .header-scrolled .avia-menu-text {
    color:#333 !important;
}

    Best regards,
    Rikard

    October 25, 2016 at 1:53 pm #703774
    dabomb

    Thanks for the help. That worked great, except on the mobile version. Now the Mobile version menu icon is white, so you can’t make our the three lines in the box on the top right, because the font is white. Any suggestions on how to fix that?

    Have a look: http://dev.alaryshh.com/

    Thanks!

    October 25, 2016 at 7:16 pm #703932
    Nikko

    Hi,

    Try to add this code in Quick CSS:

    .av_header_transparency #advanced_menu_toggle {
    color: black !important;
}

    Just change the color with any color you want to use. Hope this helps :)

    Best regards,
    Nikko

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