Website Building » Elementor » How do I hide a section in Elementor?

How do I hide a section in Elementor?

Last updated on September 25, 2022 @ 4:05 am

Hiding a section in Elementor can be done in a few different ways.

The first way is to use the Section Options widget. This widget can be found in the Widgets tab of the Elementor interface.

To use this widget, first select the section that you want to hide.

Next, click the Options button.

This will open the Section Options widget.

The first option is to select the Hide option.

This will hide the section from the interface.

The next option is to select the Show option.

This will show the section in the interface.

The last option is to select the Autohide option.

This will hide the section automatically, based on the content of the section.

The final step is to click the OK button.

This will save the changes and close the Section Options widget.

PRO TIP: If you are working on a website in Elementor and want to hide a section, be aware that this will also hide that section from any visitors who are viewing the website. This could potentially cause problems if you are hiding important information that users need to see.

The second way to hide a section in Elementor is to use the bulk editing features of Elementor.

To use this feature, first select the section that you want to hide.

Next, click the Edit button.

This will open the bulk editing interface.

The first step is to select the Hide option.

The next step is to select the Show option.

The final step is to select the Autohide option.

The third way to hide a section in Elementor is to use the CSS stylesheets.

This will open the CSS stylesheets interface.

The final step is to add a CSS rule to hide the section.

This rule should look like this: .section { display:none;}.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.