Hide Elementor App page with a Simple Code Snippet

In recent updates, Elementor introduced a new feature called “apps”. These are essentially plugins that Elementor recommends as being highly compatible with their platform. However, not everyone might find this feature useful. Some might see it as unnecessary clutter, while others might want to prevent clients from accidentally purchasing and installing these add-ons. Unfortunately, there is no direct option to hide Elementor App page very easily. But don’t worry, a simple code snippet can help you achieve this.

Why Hide the Elementor App Page?

1. Client Management
   You might not want your clients to access this area, potentially purchasing Elementor add-ons and altering the website environment you’ve set up.
2. Clean Dashboard
   For those who prefer a minimalistic dashboard without ads or unnecessary features, hiding the app page can be beneficial.
3. Control
   Having control over what features and add-ons are visible and accessible can be crucial for website management.

2 Ways to Hide Elementor App Page

Method 1: Using a Child Theme

If you have a child theme installed and activated on your website, follow these steps:

1. Navigate to your child theme file editor.
2. Access the theme functions.
3. Copy the code snippet below:

   function lytbox_hide_elementor_app()
   {
       echo "<style>
               ul.wp-submenu.wp-submenu-wrap li:has(a[href$='admin.php?page=elementor-apps']){
                   display:none;
               }
           </style>";
   };
   add_action('admin_head', 'lytbox_hide_elementor_app');

   Source: Lytboxacademy

4. Paste the code snippet into the theme functions.
5. Save and update.
6. Refresh your dashboard, and the “Apps” option should now be hidden.

Tip: Always ensure you’re using a child theme when making such changes to avoid potential issues during theme updates.

Method 2: Using a Plugin

If you don’t have a child theme or prefer using plugins to manage code, here’s an alternative method:

1. Install and activate the Code Snippets plugin from the WordPress repository.
2. Navigate to the Snippets section in your dashboard.
3. Click on "Add New".
4. Ensure you’re adding a PHP snippet.
5. Copy and paste the code snippet below:

   function lytbox_hide_elementor_app()
   {
       echo "<style>
               ul.wp-submenu.wp-submenu-wrap li:has(a[href$='admin.php?page=elementor-apps']){
                   display:none;
               }
           </style>";
   };
   add_action('admin_head', 'lytbox_hide_elementor_app');

   Source: Lytboxacademy

6. Select "Only run on Administration area".
7. Name your snippet, for instance, “Hide Apps”.
8. Save changes and activate.
9. Refresh your dashboard, and the “Apps” option should be hidden.

Conclusion

Hiding the Elementor App page can provide a cleaner dashboard experience and prevent unwanted changes to your website. With the simple code snippet provided, you can easily achieve this, whether you’re using a child theme or a plugin. Remember to always back up your website before making any changes, and happy designing!