Go to homepage

Projects /

Sub Navigation

Secondary navigation template.

View Demo

Dependencies

All components are compatible with CodyFrame, Tailwind CSS or any other CSS framework.

How to

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.

Collapsed Variation #

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:

Categories

Bug Report & Feedback

Component Github page ↗

Level up your CSS skills

Each month we email a 1-minute CSS tutorial to 20K developers

Awesome! We just sent you a confirmation link by email

Error - please try again or contact us

Your email address is already subscribed

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.