1. Open Elementor Editor
- Log into your WordPress dashboard.
- Navigate to the page or post you want to edit with Elementor.
- Click on Edit with Elementor.
2. Select the Section or Container
- Click on the section or container where the flex container is applied. You can do this by hovering over the section and clicking the Edit Section icon (the six dots).
3. Go to Advanced Settings
- In the Elementor panel on the left, click on the Advanced tab.
4. Modify Layout Settings
- Under the Advanced tab, scroll down to the Custom CSS option (if you are using Elementor Pro) or simply find the layout settings directly in the layout section if it's a container:
- If you are using a Flexbox Container, you'll see settings related to Flexbox.
- If you're using a Section without the Flex Container, proceed to the next step.
5. Remove Flexbox Layout
- If you are using a Flexbox Container:
- Look for the Display option in the Layout settings (within the Content tab).
- Change the Display setting from Flex to Block or any other option that fits your design (like Grid).
6. Save Changes
- After making your adjustments, make sure to click the Update button at the bottom of the Elementor panel to save your changes.
Additional Notes
- If you're using a specific Flexbox Container element, ensure to switch to a different layout setting that does not use Flexbox.
- If you want to adjust the flex properties, you can also add CSS under the Custom CSS section to override specific flex properties.
