Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

How to Create an Upward Dropdown Menu in Webflow Navbars

Avatar of James W.James W.
路

Hi there, first time here, In short, how do I have a Navbar menu dropdown move upwards? There isn't an option within Webflow (down, left and right only). I tried having a look at Navbar 15 (https://www.relume.io/preview?cid=navbars/navbar15_component) to see how that works and noticed that, also drops down in mobile. Is there a workaround that someone could point me towards? All the Webflow forum posts about this are a bit old and I'm using Relume so thought I'd reach out here. Thanks!

7 comments

  • Avatar of Matt J.
    Matt J.
    路

    James W. which navbar component are you trying to modify to do this?

  • Avatar of James W.
    James W.
    路

    Hi Matt, sorry for the late reply....never used Slack before either! I'm using Navbar 14 at the moment. On Desktop, I have basically as is and then on mobile I switched the "auto" on the fixed position from the bottom to the top so it behaves like navbar 15.

  • Avatar of James W.
    James W.
    路

    wondering if there's any way around this?

  • Avatar of Matt J.
    Matt J.
    路

    James W. I'll be sending you a reply soon - its a bit involved. Just wanted to acknowledge this message.

  • Avatar of James W.
    James W.
    路

    ok thanks! Looking forward to it Matt J.

  • Avatar of Matt J.
    Matt J.
    路

    James W. yeah I seem to remember fighting this for hours upon hours to modify navbar 15 on a previous project and I think the conclusion I came to was that it ultimately is using native webflow javascript to determine the orientation of the menu on trigger - and the only way to modify that would be to build a navbar completely from scratch and provide your own javascript. Kind of crazy that something so simple has to be done so complicated. If you look outside of the webflow world for a vanilla JS solution that hooks into classes/IDs or use ChatGPT - you could probably get away with 90% of the heavy lifting.

  • Avatar of James W.
    James W.
    路

    ahh, that's sucks, but that's beyond what I'm prepared to do. I appreciate the effort, though!