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

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

• The Fullscreen Menu block will appear in the results list.

Install the Fullscreen Menu Block

• Hover over the Fullscreen Menu block and click Install.

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

Add Fullscreen Menu to a WordPress Page

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

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

Customize the Fullscreen Menu Block

Once added, select the Fullscreen Menu block and use the settings panel on the right. Add or remove Menu Links, choose the Trigger Icon and Close Icon, and set the Overlay Entrance Animation. Optionally add Secondary Content (like social icons). Customize the Styling for the Overlay Background and Opacity, Trigger/Close Icon Color and Size, Menu Link Typography (Normal and Hover states), and Link Layout/Alignment to create a functional, visually appealing navigation system that fits your site’s design.