Adds Priority Plus pattern to core Navigation block. Moves overflow items into responsive "More" dropdown as the users viewport narrows.

Troy Chaplin

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:
<ul>
<li>Automatic Overflow Detection: Continuously monitors available space and adjusts navigation visibility</li>
<li>Responsive by Design: Adapts to any screen size or container width</li>
<li>Customizable Styling: Per-block dropdown menu styling via inspector controls, using CSS custom properties</li>
<li>Customizable Labels: Change the “More” button text and icon</li>
<li>Seamless Integration: Works beautifully with WordPress themes</li>
<li>Performance Optimized: Uses ResizeObserver for efficient layout calculations</li>
<li>Accessible: Keyboard navigation and screen reader friendly</li>
</ul>
Perfect for sites with many navigation items that need to work across all device sizes without compromising usability.

Alternatives to Priority Plus Navigation

Top alternatives