Just a quick note of THANKS to Michael at @yuzool for updating his Navigation stack so quickly. I sent him a detailed message of things that would make the stack even better…and I believe that within the week he ticked off every one of them (more than what I requested, by the way), including:
• Add MENU (or any other word) to the hamburger
• Break points as to when it goes to mobile menu
• Z-Index, to keep it behind other floating content
• Divider lines between menu items
• Add a logo via an image stack
• SVG SUPPORT!
• Set the logo width
• Scroll to color
• Lots of other options
Without a couple of the options above, the Navigation stack would have remained unused in my toolbox. With them, I can now use them it. So, many, many thanks for Michael’s lightening-fast updates!!!
Is there a way to make the font the same as the default for your theme? 8 times out of 10 I’d like to use the “base font” I set up in Foundry. This font may, or may not, be in the option list for Navigation stack.
That said, I’ll release an update today (1.1.5) with an option to select “Theme” and it will auto take the Theme selected font without needing to Type it in
The custom feature here is also good if using other Stacks on the page and want to tap into that Font.
It’s a great addition to my library of gadgets by Yuzool. Two modifications I"d like to see are the ability to change the height of the navbar, and the option to remove the branding space and center the menu.
I’ve got another suggestion. Within Foundry I can set an inner-max width for the bar, or choose to do full-width inner container. I typically set my inner-max width bar to 960 px. Would it be possible for Navigation to do the same? I prefer not to have the menu bar stretched across the whole screen when using higher resolution monitors.
Yes, yes, yes! to Mathew’s suggestion. This is the issue I mentioned. Sticking the Navigation stack into a full-width stack (with a colored background) doesn’t do the trick- and for most of my sites, I want the navigation to be site-wide, not browser wide. See this site, as an example.
Not high on my priority list would be a gradient background, too.
All sound great - thanks for the suggestions. I’ll look to make those improvements for next week (busy this weekend so will take a little longer than last time)
That’s 5 new features
Have a good weekend all and back next week with more info!
I know you’ve edited this already, but just in case: Yes, a request for inner-max width of the bar! (That’s what it’s called in Foundry, but the correct name/term may be something different.)
Hi
While you are working on future updates of the stack, would you consider adding:
An option for opacity on the scroll to color
An option of either turning off the dividers between the menu pages, in other words just having the 1 divider separating the logo / menu toggle and pages or adding color option for the dividers.
If it can’t be done, perhaps a CSS snippet can be made available?
Back from a Spring break and just shipped 1.2 with all the requested updates inside
Let me look at these from @rolisize and report back with a quick update if possible soon!
NEW: Option added to set inner-max width of the bar! So you can choose to now do full-width inner container or set a inner-max width to say 960px. This is useful if you don’t want the navigation going edge to edge on big screens.
NEW: Option added to center align the menu items!
NEW: Added option to hide Branding completely!
NEW: Set the Scrollable Height of the Burger Menu. Good if you have lots of menu items and don’t want people to have to scroll too much - make it longer.
NEW: Added fixed centralised on top option! So floats nicely at top of screen in the centre whilst scrolling.
NEW: Gradient Menu Style added for top Nav bar! With 2 colours and angle option! This one can make you site look like the 80s in no time.
NEW: Desktop menu height can be adjusted! Means logo needs to be moved/adjusted also in its own settings panel.
With these options it will allow you to hide branding, centre the navigation and use your own logo and slogan stacks above the Navigation Stack.
More to come soon. Will look at @rolisize mention above and thanks all for having fun with this Stack!