PriorityNav.js javascript plugin - PriorityNav.js javascript plugin move menu items if they don't fit its parent

PriorityNav.js javascript plugin move menu items if they don’t fit its parent

PriorityNav is a lightweight accessible pure javascript plugin that will move your menu items if they don’t fit its parent.

Features:

  • Accessible
    Adds appropriate aria attributes and set focus to links when needed.
  • No dependencies
    The plugin is written in pure javascript making it fast and lean.
  • Breakpoint
    When the breakpoint has been reached the plugin will automaticly move all items to the dropdown & change the toggle label to navDropdownBreakpointLabel.
  • Smart calculation of available space
    It automatically looks for the main navigation’s siblings and calculates remaining space.
  • Flexible
    Because of the point above you can have multiple inline-block/flexbox items on the same level.
  • Non obstructive menu dropdown
    The dropdown menu can be closed by clicking outside and pressing escape.
  • Callbacks
    Callbacks are fired when an item is moved or moved back from the main navigation.

Read more Download Demo

Leave a Reply

Your email address will not be published. Required fields are marked *