This site uses the Navigation Bar stack for its navigation. Since having two navigation stacks on a page not be practical, we’ve not included a live example on this page.
You can choose to align the navigation items, and other branding content, within the overlay, to be left, right or center justified.
Choose whether you’d like the toggle that opens the navigation overlay to be placed on the left or right side of the page.
We’ve provided several different icon choices for your toggle button. You can also choose to use a bit of custom text instead of an icon for the toggle.
Define the colors for the toggle icon, border and background.
Include Site Title
Enable to insert your site title in the overlay along with your navigation items.
Opt to pump up the sizing on your site title by choosing to apply a larger display size.
Use Override Font
Choose to apply a custom font to your site branding within the overlay. You can use one of the Foundry preset font choices or use your own custom font from Google Fonts. You can also choose what weight you wish to apply to your site title font.
Allows you to specify a fallback when using the Override Font feature. This lets browsers have a standard font to default to if the visitor’s browser does not support a font or if the visitor does not have that font installed. The standard fallback fonts would be either serif or sans-serif.
Nav Items Colors
Set the color of your navigation page titles, the current page title as well as the color you’d like opened parent navigation items to be.
Customize the backdrop overlay by setting your own color here. You can choose to make the backdrop translucent by using the opacity slider in the color picker.
Within the overlay there is an icon which allows the visitor to exit the overlay navigation and return to the page. You can customize that close toggle’s color as well as the color of its background when hovered over.
Set the color for your site title if you’ve included it in your overlay navigation.
Stay up to date on future versions of Foundry, as well as important news, updates and more!
This site is built using Foundry for RapidWeaver