How To Hide A Section Or Widget In Elementor? (The Easy Way)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.


Want to hide a Section or a Widget in Elementor?

Here are the steps to hide a Section or any Widget in Elementor:

  1. Edit the page with Elementor on which you have the Section or the Widget that you want to hide.
  2. Select the Section that you want to hide.
  3. In the left-side settings panel of the Section, go to the Advanced tab.
  4. Open the Responsive settings group.
  5. Here you can hide the selected Section or the Widget on Desktop, Tablet, and Mobile.
  6. Save your changes.

Let’s take a detailed look at each of these steps now.

How To Hide A Section In Elementor?

First, edit the page with Elementor on which you have the Section that you want to hide.

In the below image, you can see that I have a Section that I want to hide. It has a Text Editor widget and a Button widget in it.

Section to hide

Select the Section by clicking the Edit Section icon.

Edit Section icon

Now, on the left-side settings panel, go to the Advanced tab and open the Responsive settings group.

Section Responsive settings

Here, you can hide the Section on Desktop, Tablet, and Mobile by toggling the switches for each of them.

Hide Section settings

Save your changes once you are done hiding the Section.

And that’s it!

That will hide the Section on Desktop, Tablet, and Mobile.

You can also selectively hide the Section just on Desktop or Tablet or Mobile.

Now…

Related Further Reading:

How To Hide A Widget In Elementor?

The process to hide a Widget in Elementor is the same as that for hiding the Section.

Refer to the above step-by-step instructions to hide a Section.

The only difference is that instead of selecting the Section, you will select the Widget that you want to hide.

Then, under the Advanced tab of the Widget settings, you will be able to hide the Widget on Desktop, Tablet, and Mobile.

Okay!

Interesting Further Reading:

Video Tutorial

Download Website Builders’ Toolbox


Wrapping Up!

It is simple to hide a Section or a Widget in Elementor.

And you can selectively decide to hide them either on Desktop, Tablet, Mobile, or all of them.

Finally, if you liked this small tutorial, then please share it with your friends who might find it useful.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *