# Add Some Depth: Crafting Submenus in WordPress with Gutenberg Hey there! Ready to make your website navigation a breeze? Today, we're diving into how to whip up some handy submenus using the Gutenberg editor in WordPress. Perfect for keeping your site organized and making sure your visitors can find exactly what they need without a scavenger hunt. <div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"> <iframe src="https://www.youtube.com/embed/_Rl7jlUPZEY" frameborder="0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" allowfullscreen></iframe> </div> ## Kick Things Off: Accessing Your Menu First up, hop onto your WordPress site and pull up the page where you want to jazz up the menu. Click on the navigation block in the Gutenberg editor to see your current menu lineup. ## Dive Into the Settings On the right-hand side, you'll see the "Navigation" sidebar. This is your control tower for menu operations. ## Time for Some Magic: Adding Submenus Hover over a menu item, and click the three-dot icon that pops up. Choose "Add submenu" from the dropdown. This will let you start building a nested menu right under the main item. ## Picking Pages for the Submenu If the pages you want aren't showing up, just use the search bar at the top of the submenu section. Type in the page title or a keyword, and voilà! Add them with a click. ## Go Deeper: Nested Submenus Need even more layers? No problem! You can nest submenus within submenus, organizing them just like folders on your computer. ## Too Long? Trim It Down! If a submenu label is hogging too much space, just click on it to edit. Shorten it up in the sidebar to keep things neat. ## Drag and Drop: Rearrange with Ease Feel like changing the order? Just drag and drop any menu item in the sidebar. Arrange them to your heart's content! And there you go! You've just spiced up your WordPress site with some slick new submenus. This isn't just about looking professional—it's about creating a smooth ride for your visitors. **Start Building at [MaxiBlocks](https://maxiblocks.com/)** - Dive into MaxiBlocks, where no-code magic happens, and whip up websites faster than you can brew a pot of coffee! Join our community for more tips and tricks. ### Need a Hand or Got a Question? - [Hit up our Help Desk](https://maxiblocks.com/go/help-desk) - [Check Out the Pro Library](https://maxiblocks.com/pro-library/) - [Explore the Demo Library](https://maxiblocks.com/demo/) - [Follow us on Twitter](https://twitter.com/maxiblocks) - [Join the Discord Community](https://maxiblocks.com/go/maxi-discord) - [See What's Next on Our Roadmap](https://maxiblocks.com/go/roadmap) ### Learn More About Navigating Menus in WordPress: - [Get Started with WordPress Menus](https://maxiblocks.com/wordpress-navigation-menus/) - Your gateway to mastering WordPress menus. - [Simple Navigation Menus 101](https://maxiblocks.com/wordpress-navigation-menus/creating-a-simple-navigation-menu/) - A quick guide to setting up your first menu. - [Submenu Mastery with Gutenberg](https://maxiblocks.com/wordpress-navigation-menus/add-and-manage-submenus-in-your-wordpress-navigation-with-gutenberg/) - Add depth to your menus with ease. - [Tailor Your Menu’s Look](https://maxiblocks.com/wordpress-navigation-menus/customizing-the-appearance-of-your-navigation-menu/) - Make your menu as stylish as your content. - [Essential Features for Navigation](https://maxiblocks.com/wordpress-navigation-menus/10-crucial-elements-of-an-effective-wordpress-navigation-menu/) - What every menu absolutely needs. - [The Evolution of Web Navs](https://maxiblocks.com/wordpress-navigation-menus/the-evolution-of-website-navigation-from-text-links-to-dynamic-menus/) - A look back at how far we've come. - [Mobile-Friendly Menus](https://maxiblocks.com/wordpress-navigation-menus/how-to-design-responsive-navigation-menus-for-mobile-devices/) - Ensure your site works everywhere, for everyone. - [User-Friendly Navigation Tips](https://maxiblocks.com/wordpress-navigation-menus/maximizing-user-experience-with-intuitive-navigation-structures/) - Keep your visitors happy and clicking. - [The Psychology of Menu Design](https://maxiblocks.com/wordpress-navigation-menus/the-psychology-behind-navigation-menu-design/) - Why do we click where we click? - [Custom Menu Designs](https://maxiblocks.com/wordpress-navigation-menus/customizing-wordpress-navigation-menus/) - Go beyond the basics with your menu design. - [Mega Menus for Mega Sites](https://maxiblocks.com/wordpress-navigation-menus/the-role-of-mega-menus-in-enhancing-e-commerce-websites/) - Scale up your e-commerce with mega menus. - [Accessibility in Menus](https://maxiblocks.com/wordpress-navigation-menus/making-navigation-menus-accessible/) - Open your site to everyone. - [Current Menu Design Trends](https://maxiblocks.com/wordpress-navigation-menus/navigation-menu-trends-past-present-and-future-insights/) - Stay trendy with the latest in menu design. - [Footer Menu Flair](https://maxiblocks.com/wordpress-navigation-menus/mastering-footer-menu-design/) - Don't forget the bottom of the page! - [Dropdown Dos and Don’ts](https://maxiblocks.com/wordpress-navigation-menus/best-practices-for-using-dropdown-menus/) - Make those dropdowns drop-dead gorgeous. - [Innovate Your Site Navigation](https://maxiblocks.com/wordpress-navigation-menus/innovative-navigation-for-modern-wordpress-websites/) - Fresh ideas for modern websites. - [Sticky Menus Made Simple](https://maxiblocks.com/wordpress-navigation-menus/creating-a-sticky-menu-with-maxiblocks/) - Keep your menu in place, come what may. - [Add a Button, Add a Bunch](https://maxiblocks.com/wordpress-navigation-menus/adding-a-button-to-your-maxiblocks-menu/) - Because who doesn't love a good button?