Hide Sections, Columns & Widgets By Device Type With Elementor

How To Hide Sections, Columns Or Widgets By Device Type With Elementor (Elementor WordPress Basics)

In this tutorial I want to show you how you can hide sections, columns or widgets by device type with the Elementor Pagebuilder plugin for WordPress.

This will give you a lot of choices to do completely manage how you want your website to be displayed on every single device type.

Table of Contents

Hide Section, column or widget responsive settings by device type with Elementor

To make it clearer, let me give you an example for this heading widget. But you can do this for every section, column or widget and it works the same way.

So first I select this heading widget and go over to the Advanced tab.

Now scroll down to the responsive settings options.

Select Responsive settings in Elementor

If you click on it, you will see three options available. The first one is hide on desktop, then you have hide on tablet and you have hide on mobile.

By default, none of these options is selected so that means that this widget is displayed on all the device types

But let’s say if you don’t want to display this text on the tablet view then I can select this option hide on tablet.

If I now go to the table view you can see it’s transparent because the hide option is selected.

Hide widget on tablet view example Elementor Select Responsive settings in Elementor

But if I view the page as a regular visitor, you can see that the text is not being displayed.

View page as visitor and title is hidden Hide widget on tablet view example Elementor Select Responsive settings in Elementor

If you disable the hide option again then you can see it’s not transparent anymore.

Steps to hide section, column or widget by device type with Elementor

So, you can select any widget, column or widget and go over to the Advanced options and manage the responsive settings by device type very easily.

In the video tutorial I will explain everything in more detail, and you can watch it on YouTube over here.

If you have responsive issues with designing in Elementor for mobile or tablet view you should check out this tutorial. There I will explain how you can fix this very easily.

Check out this tutorial to learn the Elementor basics in 7 minutes.

I hope this tutorial is helpful. It that’s the case make sure to subscribe to the channel and drop a like and comment. Thanks, and I hope to see you back in the next tutorial!