Priority Plus Navigation

Priority Nav extends the core WordPress Navigation block as a variation, implementing the Priority Plus design pattern. It displays the most important navigation items in the main menu bar and automatically moves overflow items into a « More » dropdown menu (default label: « Browse ») when horizontal space is limited.

Key Features:

• Automatic Overflow Detection: Continuously monitors available space and adjusts navigation visibility
• Responsive by Design: Adapts to any screen size or container width
• Customizable Styling: Full theme.json support for dropdown menu styling with CSS custom properties
• Customizable Labels: Change the « More » button text and icon
• Seamless Integration: Works beautifully with WordPress themes
• Performance Optimized: Uses ResizeObserver for efficient layout calculations
• Accessible: Keyboard navigation and screen reader friendly

Perfect for sites with many navigation items that need to work across all device sizes without compromising usability.