How to Disable Flexbox Container in Elementor

Do you want to disable Flexbox Container in Elementor?

If yes then in this tutorial we have shared the step by step process on how you can do this easily.

If you have been following the development of Elementor then you must be familiar with the fact that Flexbox Container is a feature that was introduced in Elementor 3.6 as an experiment.

And this feature provided a new and better way for users to create layouts using Elementor.

Keep in mind, before Flexbox Container, Inner Section widget was the only option to available to create layouts and as a result of this most sites are still using it.

It is important to know that Inner Section and Flexbox Container are 2 very different paths of building designs with Elementor.

And hence, these cannot be used with each other or interchangeably.

In other words, if you will have Flexbox Container active then you will notice that the inner section widget is missing in Elementor.

And vice versa is true as well which is if inner section widget is active then you will not find Container widget in Elementor.

Now, if you want to get the Inner Section widget back then in this tutorial we have shared how can you disable Flexbox Container in Elementor.

Things to Know before you Deactivate Flexbox Container in Elementor

First things first, after Elementor 3.16 update, the status of Flexbox Container has been upgraded to Stable and now it comes enabled by default.

We suggest you get used to working with Flexbox Container as it is much easier to use as compared to inner section widget.

Also, with Flexbox Container, you get access to quite a few new and revamped widgets and these give you much more control over design.

The gist of the story is Flexbox Container is better than the inner section widget and Elementor is consistently improving widgets and adding new features around it.

And some of these new features only work with the Container widget.

Apart from this, Elementor still lets you edit layouts / designs that you have built using inner section if you have the Flexbox Container active.

Now, in case you decide to disable Flexbox Container then any layout / content that you have created using the Container widget will be lost.

Hence, we recommend that you take a complete backup of WordPress site, before you disable Flexbox Container in Elementor.

Please Note- We highly recommend that you start learning / using Flexbox Container as it is the direction where Elementor is heading.

To make thing easier for you, Elementor has created a Flexbox Playground and you can use it familiarize yourself with its working and controls.

Keeping this in mind, below are the steps to disable Flexbox Container in Elementor.

Login to WordPress dashboard

To disable Flexbox Container feature in Elementor, the first step is to login to your WordPress dashboard.

For this you can visit https://your-domain.com/wp-admin and it will take you to the WordPress login page.

Please Note- You will have to replace your-domain.com with your website’s domain name.

Login to WordPress admin
Login to WordPress admin

Here you need to enter your credentials and then click Log In.

Visit Elementor Features

Once you are in your WordPress dashboard, the next step is to navigate to Features tab in Elementor Settings.

For this you need to click Settings under Elementor in your WordPress admin sidebar.

Elementor Settings in WordPress dashboard
Elementor Settings in WordPress dashboard

And it will show you all the Elementor Settings. Here you are required to click Features tab.

Features tab in Elementor Settings in WordPress
Features tab in Elementor Settings in WordPress

Deactivate Flexbox Container in Elementor

On clicking Features, it will show you all the ongoing experiments and stable features.

Ongoing Experiments in Elementor
Ongoing Experiments in Elementor

As discussed above, Flexbox Container is stable feature and hence you need to scroll down to the Stable Features section where you will find it.

Elementor Flexbox Container feature active
Elementor Flexbox Container feature active

As you can see in the screenshot above, it has a green mark in the beginning of the label and the dropdown is showing the Active option selected.

This shows Flexbox Container is active.

Now to disable Flexbox Container feature in Elementor, you need to select Inactive in the dropdown.

Select Inactive to disable Flexbox Container in Elementor
Select Inactive to disable Flexbox Container in Elementor

And a prompt will appear letting you know that disabling Elementor Flexbox Container will lead to deletion of all content created using Container widget.

Also, you will not be able to use features like the new Menu and Tabs widget that were released in Elementor Pro 3.12 and Elementor 3.10.

Please note- There are more features associated with Flexbox Containers that you won’t get access to on deactivating such as the Accordion widget that was released in Elementor 3.15.

Prompt before disabling Flexbox Container in Elementor
Prompt before disabling Flexbox Container in Elementor

Here you need to click Deactivate.

And on doing this, you will notice that the green marker in front of Flexbox Container changes to Grey.

Disable Flexbox Container in Elementor
Disable Flexbox Container in Elementor

This shows, Elementor Flexbox Container is successfully disabled.

Check if Elementor Flexbox Container is Disabled

To check if Flexbox Container feature is disabled, you need to visit the Elementor editor.

For this you need to create or edit a post with Elementor.

Edit a post with Elementor to disable Flexbox Container feature
Edit a post with Elementor to disable Flexbox Container feature

Doing this will take you to the Elementor editor.

Once inside you will see the Container widget is missing and under Basic widget category you will find Inner Section.

Flexbox Container feature successfully disabled in Elementor
Flexbox Container feature successfully disabled in Elementor

And that’s it you have successfully disabled Flexbox Container in Elementor.

Or in other words, you now know how to activate inner section widget in Elementor.

If you have liked what you have read and want to upgrade to Elementor Pro then you can do so by clicking our SPECIAL LINK or the button below.

Elementor Pro pricing

Now that you know how to disable Flexbox Container in Elementor the next topic we are going to discuss is its pricing and plans.

Elementor has 4 pro plans and 4 Cloud Website plan. Below we have discussed the pricing followed by the features included

Elementor Pro

  • Essential (1 site)- $59
  • Advanced (3 sites)- $99
  • Expert (25 sites)- $199
  • Agency (1000 sites)-$399
Elementor Pro plugin plans
Elementor Pro plugin plans

Elementor Pro Essential plan includes

  • 1 Site
  • Premium Support
  • 50 Pro Widgets
  • Theme Builder
  • Dynamic Content
  • Form Builder

And more

Elementor Pro Advanced plan includes

  • Up to 3 Sites
  • Premium Support
  • 82 Pro Widgets
  • Theme Builder
  • Dynamic Content
  • Form Builder
  • Popup Builder
  • Custom Code & CSS
  • Ecommerce Features
  • Collaborative Notes

And more

Elementor Pro Expert plan includes

  • Up to 25 Sites
  • Premium Support
  • 82 Pro Widgets
  • Theme Builder
  • Dynamic Content
  • Form Builder
  • Popup Builder
  • Custom Code & CSS
  • Ecommerce Features
  • Collaborative Notes

And more

Elementor Pro Agency plan includes

  • Up to 1000 Sites
  • Premium Support
  • 82 Pro Widgets
  • Theme Builder
  • Dynamic Content
  • Form Builder
  • Popup Builder
  • Custom Code & CSS
  • Ecommerce Features
  • Collaborative Notes

And more

It is important to know that Elementor Essential plan only includes features required to build a custom business website or a WordPress blog from scratch.

And in Elementor Advanced plan onwards you get access to all the Woocommerce and marketing features as well.

We suggest choosing Advanced or any of the plans above it (Expert or Agency) as these give you access to all the features you need to engage with your audience and grow your site.

Elementor Cloud Website

  • Basic (1 site)- $9.99
  • Business (1 site)- $19.99
  • Grow (3 sites)- $22.99
  • Scale (10 sites)- $49.99
Elementor Cloud pricing and plans
Elementor Cloud pricing and plans

What’s included in Elementor Cloud

  • SSD storage
  • SSL included
  • Automatic backup
  • Secure CDN by CloudFlare
  • Powered by Google Cloud
  • Free Elementor Domain
  • Premium Support
  • Hosting, WordPress & Elementor Pro built in

And more

See- How to sign up for Elementor Cloud

Get started with Elementor

In order to get started with Elementor, the first step is visit Elementor and click Pricing on the homepage.

Pricing tab on the Elementor homepage
Pricing tab on the Elementor homepage

Doing this will show a dropdown from where you will have to select if you want to go for Elementor Cloud or Pro

Pricing dropdown on Elementor homepage
Pricing dropdown on Elementor homepage

On selecting any of these options, it will show you all the Elementor Pro plans

And in the next step you will have to choose one, create a free account on Elementor and buy Elementor plugin.

Once you have the Elementor Pro license, the next step is to

And that’s it you are now using the best website builder plugin in WordPress.

Having said that,

I hope you will find this tutorial helpful and now know how to disable Flexbox Container feature in Elementor.

In case you have any queries feel free to reach out.

To stay up to date with our content we recommend that you subscribe to our YouTube channel and email list.

Also, don’t forget to join our Facebook group.

Leave a Reply

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