How to Protect Flexbox Containers in Elementor

Elementor introduced Flexbox Containers to allow users to group their content on pages and posts. This allows for faster page loading, better layout control, and mobile responsiveness than the original Elementor Sections.

Elementor addon for MemberPress allows you to protect each container based on your MemberPress rules.

How To Protect Elementor Containers

Similar to protecting Sections, you can also protect Elementor Flexbox Containers through the MemberPress Elementor Content Protection add-on. 

Elementor Flexbox Containers can be activated at Dashboard > Elementor > Settings > Features. 

Once you activate Elementor Flexbox Containers on your site and create MemberPress rules, follow these steps to protect Containers:

1. Go to a page or post where you'd like to protect Containers and launch Elementor by clicking Edit with Elementor.
2. Select the Container you wish to protect, and click the 6-dot icon to open and edit the Container.
3. Click on the MemberPress tab, click on the MemberPress Rule dropdown, and select the rule you wish to apply to the Container from the list. 
   

   

4. Choose one of the available options from the Unauthorized Content dropdown: Default, Hide, or Display Message.
5. Click on Update to save changes.

Note: Element Caching will create issues when applying partial rules and dripping settings to Elementor widgets, sections, and containers. Please ensure that Elementor's Element Caching feature is disabled in your Elementor settings. You can disable this feature at Dashboard > Elementor > Settings > Features > Element Caching.