Standard WordPress menus are often limited to simple lists of text links. Ollie Menu Designer is a free plugin designed for modern block themes that transforms your navigation into a rich, visual experience. By using the native WordPress block editor, it allows you to build “Mega Menus” and custom mobile interfaces using the same blocks you use for your pages.
This tool is especially useful for mybox users who want high-end navigation without the performance bloat of traditional page builders.
Table of Contents
Key Features of Ollie Menu Designer
- Block-Based Design: You can insert images, buttons, columns, search bars, and even product grids directly into your dropdown menus.
- Mega Menus: Easily create multi-column layouts to organize large amounts of content or highlight featured posts.
- Mobile-First Navigation: Replace the default “hamburger” menu with a custom-designed mobile overlay that is touch-friendly and visually consistent with your brand.
- Intelligent Edge Detection: The plugin automatically detects the edges of the browser window and adjusts dropdown positions so they are never cut off.
- Accessibility: Built with ARIA support and keyboard navigation to ensure your menu works for everyone.
Step-by-Step Installation
The plugin works with any modern block theme, though it offers extra templates if you are using the free Ollie theme.
- Log in to your WordPress dashboard.
- Go to Plugins > Add New.
- Search for “Ollie Menu Designer”.
- Click Install Now and then Activate.
How to Build a Mega Menu
Once activated, you don’t manage your menu in the old “Menus” screen. Instead, you use the Site Editor:
- Go to Appearance > Editor and select your Header template part.
- Click on your Navigation block.
- In the block inserter (the + icon), search for the Dropdown Menu block provided by Ollie.
- Give your dropdown a name (e.g., “Services”).
- In the block settings sidebar, click “Create a new one” under the Dropdown Menu panel.
- A new editor canvas will open. Here, you can add columns, images, and links just like a mini-page.
- Save and return to your header.
Distinction Block
Menu Designer vs. Standard Navigation Standard WordPress navigation only allows for text and sub-menus. Menu Designer turns every dropdown into a “Container Block,” allowing you to treat your navigation as a canvas for any type of content.
Practical Implications
- Performance: Because the plugin uses native WordPress APIs and blocks, it adds almost no extra weight to your site’s loading time on the mybox infrastructure.
- No Code Required: You can achieve “Premium Theme” navigation styles entirely through the visual editor.
- Mobile Customization: You can set specific breakpoints for when your desktop menu should switch to your custom mobile design, giving you total control over the responsive experience.
Summary
Ollie Menu Designer is a “bridge” between the simplicity of WordPress and the power of professional web design. It allows you to create engaging, functional navigation that improves user experience and site aesthetics while remaining lightweight and easy to manage.