Sub Navbar (fixed as per Webflow Forum Design)

Design help General
10

Hi @rob630, I apologize for misunderstanding.

Basically it is almost all the same, just couple more steps:

  • Duplicate subnav.
  • Create simple div and give it class “fixed”, delete that div (it is only for creating global CSS class, which will be available in interactions)
  • Add combo class “fixed” to duplicated subnav
  • “Sub nav fixed” make position: fixed and align to the top. Make it display: none
  • Apply Interaction to Navbar:
    Trigger= Scroll, Affect different element: fixed
    Scroll in to view = display: none
    Scroll out of view = display: block

Video: https://drive.google.com/file/d/0B-7cg8BSq1Z_QzRQQzc0RlN4eFk/view

Regards,
Anna