{"id":16355693,"date":"2023-02-14T15:02:21","date_gmt":"2023-02-14T15:02:21","guid":{"rendered":"https:\/\/wordpress.org\/documentation\/?post_type=helphub_article&p=16355693"},"modified":"2024-06-08T19:44:42","modified_gmt":"2024-06-08T19:44:42","slug":"submenu-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/submenu-block\/","title":{"rendered":"Submenu block"},"content":{"rendered":"\n

Go to the list of Blocks<\/a><\/p>\n\n\n\n

The Submenu Block<\/strong> is an advanced block that can only be used as a child block of the Navigation Block<\/a> released with WordPress 5.9. It allows you to create and edit the structure and appearance of submenus within your site’s navigation menus. The Submenu<\/strong> <\/em>Block<\/strong> can be used with a block theme<\/a> or a theme that supports template editing<\/a>.<\/p>\n\n\n\n

To add a submenu block to your content in the block editor, select the menu item where you want to add a submenu, inside an existing navigation block. In the block toolbar, search and add the Submenu <\/em>block by clicking the Block inserter<\/strong> (+) icon or typing \/submenu<\/kbd> in the editor. You can also click the Add Submenu<\/strong> icon in the Block toolbar. This will automatically add a submenu item below the block you selected.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Adding<\/figure>\n\n\n\n

Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

Block toolbar<\/h2>\n\n\n\n

Each block has its own toolbar, which contains unique controls that let you customize or configure the block. The Submenu Block<\/strong> <\/em> has the following options on its toolbar:<\/p>\n\n\n\n

\"Block<\/figure>\n\n\n\n

Block moving tools<\/strong><\/p>\n\n\n\n

There are two ways you can move blocks once you’ve added them to the Submenu block<\/strong>. Using these tools, you can reorder the Submenu block<\/strong> inside a Navigation<\/strong> section. Use the toolbar to move<\/em> the items left and righ<\/em>t or drag <\/em>them to a new position.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Moving<\/figure>\n\n\n\n

Link tool<\/strong><\/p>\n\n\n\n

The Link tool lets you edit the link and title of your Submenu block<\/strong>. <\/p>\n\n\n\n

To change the title, you can edit the text in the submenu block directly.<\/p>\n\n\n\n

To edit the link, select the block and click the link icon in the toolbar. From the popup, click the Pencil<\/strong> icon to edit the link. Click the Unlink<\/strong> icon to remove the link.<\/p>\n\n\n\n

\"Edit<\/figure>\n\n\n\n

In the edit popup, you can change the text and URL to edit what the submenu item links to and the title. You can also decide whether you want to open the link <\/em>in a new tab.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

Select the +<\/strong> button that appears upon doing so. After selecting the + icon, you will see a new submenu Add link <\/em>item. You can add a link and text title to modify this submenu item.<\/p>\n\n\n\n

\"Adding<\/figure>\n\n\n\n

The blocks you can add below a submenu block are:<\/p>\n\n\n\n