Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 8, 2019 at 11:08 pm #1163919
    jomo5280

    I need to hide or change opacity of top #header_meta bar – when fixed nav is scrolled down to other state.
    .header-scrolled seems not to work anymore – any suggestions?

    #top #header.header-scrolled  #header_meta {
	z-index: 0 !important;
}

    also tried:

    .header-scrolled  #header_meta {
	z-index: 0 !important;
}

    This is my temporary solution – however i would much rather use .header-scrolled if possible:

    /* hide top meta bar on scroll*/
#top .av_header_transparency #header_meta {
	display:block !important;
}

#top #header_meta {
	display:none !important;
}
    • This topic was modified 4 years, 11 months ago by jomo5280.
    December 9, 2019 at 12:23 am #1163925
    Mike

    Hey jomo5280,
    The “header-scrolled” class only occurs when the “Shrinking Header” is used, so you could use the custom “Header Size” with the “Shrinking Header” or you could use your solution which seems to be working fine.

    Best regards,
    Mike

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