How to Add Icon Mobile 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 Icon Mobile Menu Block

• Use the search bar at the top right and type “Icon Mobile Menu”.

• The Icon Mobile Menu block will appear in the results list.

Install the Icon Mobile Menu Block

• Hover over the Icon Mobile Menu block and click Install.

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

Add Icon Mobile Menu to a WordPress Page

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

• Click the (+) Add Block button, search for “Icon Mobile Menu”, and insert it into the page.

Customize the Icon Mobile Menu Block

Once added, select the Icon Mobile Menu block and use the settings panel on the right. Add or remove Menu Items (Text Label and Icon), choose the Number of Columns and Fixed Position (e.g., Bottom), and control the Visibility (Desktop/Mobile). Customize the Styling for the Menu Bar Background, Icon Color and Size (Normal and Active states), and Text Label Typography to create a functional, visually appealing mobile navigation that fits your site’s design.