Relume Community Icon
Relume Community
  • 🏠Home
  • đź“…Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Hide Nav Bar on Scroll Up When Hero Section Matches Background

Avatar of Sara M.Sara M.
·

I have a nav bar that I set to show up on scroll up and leave on scroll down. The nav bar has a background, and 2 of the pages have the same background in the hero section, so I'd like that once the hero section shows up on those 2 pages, even while scrolling up, the nav bar should disappear because the pattern doesn't match up exactly. Is there a way to do that? Matt J. would you know? Thank you very much

2 comments

  • Avatar of Matt J.
    Matt J.
    ·

    Sara M. if you wrapped the navbar component in a div like “navbar_wrapper”, then you could just style the background of that wrapper to be whatever color you want it to be based on the page its on - leveraging CSS. You’ll need to retarget your interactions to this new navbar_wrapper div.

  • Avatar of Sara M.
    Sara M.
    ·

    Matt J. DMing you more details to clarify