How to Add Multi-Level Sliding Menu in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Multi-Level Sliding Menu Block

• Use the search bar at the top right and type “Multi-Level Sliding Menu”.

• The Multi-Level Sliding Menu block will appear in the results list.

Install the Multi-Level Sliding Menu Block

• Hover over the Multi-Level Sliding Menu block and click Install.

• This adds the block to your available options in the editor.

Add Multi-Level Sliding Menu to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Multi-Level Sliding Menu”, and insert it into the page.

Customize the Multi-Level Sliding Menu Block

Once added, select the Multi-Level Sliding Menu block and use the settings panel on the right. Add or remove Menu Links, define the Hierarchy Level (Parent/Child) for each item, and set the Sliding Direction and Animation Speed. Optionally add a Header Title and Footer Content. Customize the Styling for the Menu Container Background, Link Typography and Separator Color, Sub-Menu Indicator Icon and Back Button Icon, and Active Item Highlight to create a functional, visually appealing hierarchical navigation system that fits your site’s design.