Sub Navigation
Secondary navigation template.
Projects /
Secondary navigation template.
All components are compatible with CodyFrame, Tailwind CSS or any other CSS framework.
The Sub Navigation component is used to display navigation content that is of secondary interest to the user.
To change the navigation alignment, edit the .justify-center
flebox utility class applied to the <nav>
element. For example, remove the class to align the navigation content to the left.
If you use one of the [email protected]{breakpoint}
class modifiers, the layout is presented 1) in a collapsed form (navigation is hidden and can be revealed using a trigger element) before the breakpoint and 2) in the expanded form after the breakpoint (see demo). The collapsed variation is optimized for smaller screens.
Here's a list of the class modifiers:
Create a CodyHouse account to unlock members-only features and join our community of web designers!