Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 15, 2016 at 2:30 pm #598387
    envis

    My header changes to transparent when scrolling down, but the meta menu doesn’t change
    How can I make the meta header similar in transparency and behaviour to the header.
    Cannot find the CSS class to change the color for the scrolled down meta menu

    Link: http://www.ontrackgroningen.nl/werkgever/

    March 15, 2016 at 3:19 pm #598411
    Jordan

    Hey envis!

    Thanks for reaching out to us.

    Upon looking at your site I see that someone has already added color to the meta menu when scrolling down. In your style.css file on line 100, this is what is there:

    div#header_meta {
    border: none !important;
    background-color: rgba(25,25,25,0.4) !important;
}

    The background color is set a transparent grayish color when it is scrolled down. If you you to have the main menu and the meta menu displaying the same color and behaving the same way, then remove the line with the background color above.

    Cheers!
    Jordan

    March 16, 2016 at 4:20 pm #598993
    envis

    Jordan,

    Thank you, but now when the page is not scrolled there is a color difference between the header and the meta-header and somehow I can’t figure out what is causing that?

    March 16, 2016 at 11:10 pm #599283
    Jordan

    Hey!

    Thanks for getting back to me!

    Add this code as well:

    #top .av_header_transparency #header_meta {
    background: rgba(0,0,0,0.20);
}

    That should display the same color as the main menu before they both scroll.

    Cheers!
    Jordan

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