Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #861469

    Hi,

    I am using a transparent header and right now this is the case:
    1. transparent header with white font color
    2. (after scrolling down) white header with white font color

    I checked all the other questions on the topic but none of these solutions worked. I am also using some custom CSS:
    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.05);
    }

    #header .container_wrap {
    border: none;

    How can I change the font color of the header after scrolling down? Thank you in advance!

    Best,
    Anton

    #861543

    Hey tonydobrevski,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #862487

    Hi Rikard,

    I found an alternative. It is not exactly what I was looking for but happy with the result:
    #header_main:hover { background: rgba(255,255,255,1); }

    Best,
    Anton

    #862816

    Hi Anton,

    Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #869006

    Hi,

    Thank you, you can close the topic. And for the ones interested in the topic, this is another CSS that I added to change the font color after scrolling down:
    #top #wrap_all .av_header_transparency ul:first-child > li > a {
    color: #ffffff;
    }

    Best,
    Anton

    • This reply was modified 7 years, 2 months ago by tonydobrevski.
    #869428

    Hi Anton,

    Great, thanks for sharing. I’ll go ahead and close this topic for now.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change menu font color after scrolling down’ is closed to new replies.