Featured Navigation Links
Featured navigation links are prominently displayed along the right edge of the primary site navigation.
Pre-Configured Styles
Currently there are three pre-configured featured link styles.
- Apply
- Give
- Login
Others can be added using Asset Injector, if needed.
How to Use
You will first go to the main menu and add a new menu item.
- Give the link a name
- Assign a Link
- Look for the Attributes Section and open it up
- Assign the appropriate Container Classes
- Each Feature Navigation item will need the base class: uiNav__button. Then you will add the appropriate feature class
- Save the new item
- Move the new item to the end of the main navigation list
Container Classes
Base Class
- uiNav__button: this (base class) is needed for each item in the Feature Navigation section. The base class contains the default class for the apply featured class.
Featured Classes
- uiNav__button--apply: this class is the main class for the Apply link. (optional, contained in the base class)
- uiNav__button--give: this class is the main class for the Give link.
- uiNav__button--login: this class is the main class for the Login link.
Examples
Using multiple Featured Navigation Items
Multiple Items Example
Apply: uiNav__button The base class contains styles for Apply, so the apply feature class is not needed.
Give: uiNav__button uiNav__button--give
Login: uiNav__button uiNav__button--login
Apply Example
Apply: uiNav__button The base class contains styles for Apply, so the apply feature class is not needed.
Give Example
Give:
uiNav__button uiNav__button--give