Navbar on top of a slider

How do you create a navbar on top of a slider in Foundry or UIkit3? I would like to create a page with the sliders the background and the Navbar on the slider, not sure that makes sense, Anyone has an idea?

Don’t have UI Kit but in Foundry, try this.

  1. Use a Banner stack set as ‘Hero Banner’ with Banner style set to ‘image’
  2. Add a Mega Menu stack (this is sold separately in the Potion Pack)
  3. Set navigation to Sticky
  4. Select ‘use alternative colours when stuck’
  5. Select ‘pair with parent banner’ and make sure the location is set to ‘Top’
  6. Alter the background colours of the menu to suit.

Alternatively, I believe you can just drop the standard Foundry Navigation stack inside Big White Duck’s free Chroma stack and use its settings to achieve the same result.




:grinning::grinning: Awesome Thank Rob, have a great day

1 Like

I’m away from my mac…
It can be done

You could also use Target for this as well.

In UIkit3 one way is to add a Section to the page, collapse the margins. Add your sider to the Section, if you want to restrict the width, add a Container stack first. Next, under the Slider and Container but inside the Section, place a Position stack, set to “Top”. Then put your Navbar inside the Position stack.

Sounds complex, but it’s really not. It’s just a case of building up what you want using the individual stacks. That’s the beauty of UIkit; use only the stacks you need, thus reducing the amount of redundant settings in large stacks, thus making it really fast.

This is essentially what you’ll end up with, only in this instance the navbar is positioned bottom not top.

I see… Please share… Thank you…

JOE… You are a God in disguise… Thanks… This software is helping me with the issues of coding and web development. I hope there will be new and more Updates in the process… Thank man

1 Like

Not for one second saying you shouldn’t buy more stacks, but why buy a stack to do something that is simple to do in either of those frameworks?

1 Like

You know what, You right, But sometimes some of the stacks can be helpful in other ways… But i mean you have a point… Until the person full understand all the stacks and suck, why not

imho, that is what so :sweat_drops:cool :snowflake: about RapidWeaver is you can solve an issue in more than one way:

For the knowledgeable :nerd_face: , use coding or css etc.

For the programming challenged, there is a stack :sunglasses:

1 Like

I’ve nothing against Joe or Target, Joe is a great dev and target I hear is very handy, but Ico is right, there is a stack for that, and in the case of the two frameworks you mentioned, you’ve already bought the stack, it’s in the bundle.

But hey, money, water, etc.

hi, here’s the screengrab of how its set up in foundry

Its funny you do it that way… Because I was thinking of the same way to do it. But I realized if you use mega menu At the bottom of the settings area. there is an option to integrate the menu within the banner, weather if you use the Banner or slider Stacks…

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.