How to Hide Any Part of a Divi Template No Coding Required!

If there is a part of a website you’ve created that you’d like to be hidden to users – instead of deleting the entire section, row, or module you can simply hide it until you are ready to display it! This super short trick will hide any part of a Divi template and put the power back in your hands to choose when you’re ready to display it!

This is really helpful for our clients who want us to build features they can use later or seasonally. We build it into their website during the project & teach them how to turn them “on and off” by hiding.

We know everyone learns differently – if you prefer video, please watch the video tutorial below! If you’re more of a step-by-step person, we’ve written out the steps under the video.

Watch the Tutorial:

How to Hide Part of a Divi Template

QUICK NOTE: If you know you are never going to use a section, just delete it! It’ll keep your site running faster (because although these are hidden, they are still rendered by your site) and keep your back end clean!

1. Find the section, row or module you want to hide and click on the gear icon

 
2.  Click on the “Advanced” Tab.

 
3.  Scroll down to the “Visibility” section and check each of the boxes (desktop, tablet, phone)

 
4.  Click the green “check” to save that section, row or module. You should notice whatever you were trying to hide is now lighter that everything else on the page, denoting that it is hidden.

5.  Click “Update” to update your page! That’s it!

NOTE: When you are ready to un-hide this section, simply navigate back to Visibility and uncheck each box (desktop, tablet, phone).