CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →


Progress value is 30%

Adaptive Navigation

Horizontal navigation where the visible items change according to the available space. A 'More' button is used to reveal hidden items.

Copy: View demo


All components are built upon the CodyHouse Framework.

How To

The Adaptive Navigation component can be used for horizontal navigations with a large (or unknown) number of items.

The number of visible items changes based on the horizontal available space. A dropdown button is used to reveal the additional items in the list.

To change the navigation alignment, edit the .justify-center flebox utility class applied to the .adapt-nav__list element. For example, remove the class to align the navigation content to the left.


  • ✅ Component created
    🗓 September 09, 2019

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

✅ Project duplicated

✅ Project created

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