loading...

How to properly enable multiple call-to-action buttons in nav bar...

ben profile image Ben Halpern ・1 min read

We have a forem which is doing this via a little hack....

Alt Text

It's not the most elegant solution in the world, design-wise, but the use case makes sense.

They...

  • Want listings to be a bigger part of their site, which makes 100% sense.
  • Have a custom page which helps people "Form a cluster" which is a specific action for their business

So I'm wondering if we can come up with a more elegant design for enabling more than one featured action in the top bar. One way or another it would be nice to provide the functionality such that it doesn't have to be done in a hacky way.

Discussion

markdown guide
 

So here's an idea for scenario where admin wants to have multiple call-to-actions in a header:

 

If i can get this for article, video, listing and organisation my heart will explode with joy 🤩

 

We took a similar route. I went a little more compressed and had a default action.

 

Yeah, I think the primary action can be first, and then other actions in order. I also love that design @link2twenty 😍

@pp I'd say this is a fairly specialized dropdown since it's one-of-a-kind and built off the nav bar. I'd be in favor of leaning into this.

This will involve also adding the proper functionality to SiteConfig

Thanks Ben 😊
I've made a slight change to the code to make it cope with only having one action.

 
 

This looks amazing. Thanks for sharing!

 

This is some benevolent thinking @ben

 

Hey Ben can you share the basic html used in the banner?