10Web Website Builder features flexbox containers, offering a modern approach to creating web page layouts compared to traditional sections and columns. This feature provides a streamlined method for grouping widgets, enhancing page responsiveness, and allowing for more complex design structures with ease.
What is a flexbox container?
Flexbox containers are designed to facilitate web design with efficiency and flexibility. They offer significant advantages such as improved page load speed through optimized code, enhanced control over content responsiveness across devices, and the ability to create complex layouts without the constraints of columns and rows. The key features of using flexbox containers vs traditional sections/columns are:
- Responsiveness: Containers simplify placing content across different devices and screen sizes. This ensures better content visibility and ordering process without relying on hidden elements.
- Layout Control: Unlike traditional layouts that depend on sections and columns, containers offer the freedom to customize dimensions and nest containers within each other. This flexibility results in more dynamic and cohesive designs across your website.
- Page Speed optimization: By reducing the number of divisions (and subsequently, the document object model or DOM size), containers ensure a more efficient loading process.
- Hyperlinking: Containers can be made clickable, allowing entire areas to function as interactive elements or call-to-action. This eliminates the need for custom coding to achieve similar functionality to traditional column-based layouts.
Activating containers
For new sites built with 10Web Builder, containers are enabled by default. However, if you're working on an existing site, you can easily activate this feature through the WordPress dashboard Elementor > Settings > Features section.
Important:
Once a section is converted to a container, the change is permanent and should be considered carefully. For more info, please read the article Converting existing sections to containers.