Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 8, 2017 at 12:46 am #861469
    tonydobrevski

    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

    October 8, 2017 at 12:31 pm #861543
    Rikard

    Hey tonydobrevski,

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

    Best regards,
    Rikard

    October 10, 2017 at 3:27 pm #862487
    tonydobrevski

    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

    October 11, 2017 at 11:29 am #862816
    Rikard

    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

    October 25, 2017 at 11:18 pm #869006
    tonydobrevski

    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

    October 27, 2017 at 7:38 am #869428
    Rikard

    Hi Anton,

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

    Best regards,
    Rikard

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