By default, Version 3.16 d It also introduces improved control of spacing between elements for greater flexibility with Flexbox Containers. In addition, this version differentiates the widgets of Container Flexbox and Container Grid in the widgets panel, creating a separate widget for each container type.
Your visitors will also benefit from significantly reduced loading times thanks to improvements to Time to First Byte (TTFB) metrics. Your site will also be more inclusive and provide a better experience for visitors using screen readers and other assistive technologies. In addition, Menu and tab widgets have benefited from a major infrastructure update that will allow the implementation of advanced features in the future.
Contents
Maximum design flexibility – Flexbox Containers enabled on new sites
Flexbox Containers, true to their name, are extremely flexible, allowing you to create perfectly adjusted, efficient and responsive websites. They offer more precise positioning settings, allowing you to align and efficiently distribute elements inside a container for flexible layouts. For example, you can place Title, d
Control of spacing between elements – Improved spacing control
The control of spacing between the elements has been renamed in « Gap ». The unique control to define the spacing between the elements inside the containers has been replaced by two numerical inputs for horizontal and vertical spacings, allowing for different values for horizontal and vertical spacings, allowing for precise positioning of each element.
Introduction of Container Grid widget
Grid Containers are a powerful layout tool for creating multi-element layouts in a single grid-type container. This version gives Containers Grid their own widgets in the widgets panel, allowing you to directly access the Container Grid without having to drag the Flexbox Container and change its type.
Accelerate your site with a faster TTFB
Version 3.16 improves the loading time of the TTFB by 5 to 20% on sites built with Elementor Core and up to 40% on sites built with Elementor Pro, depending on the complexity of your page. This will give your visitors a faster and smoother experience, delivering your content faster than ever.
Improvements in accessibility
Elementor allows you to create more inclusive and accessible websites. This version includes a number of important accessibility improvements that will facilitate the enjoyment of your content by visitors who rely on screen readers and other assistive technologies.
For more information on accessibility improvements, check out the developers' blog.
Updating menu widgets and tabs
Menu and tab widgets have benefited from an infrastructure update that produces a unified code for menu item and tab titles, defined for all screen sizes.
Simplified collaboration with notes in the top bar
An icon for note functionality has been added to the top bar, allowing you to work more easily with team members and clients by opening the Notes mode directly in the Editor.
Make your websites faster, more flexible and accessible
Version 3.16 improves the performance and accessibility of your website, and represents a significant step forward in the construction of layouts. Activated Flexbox Containers on new sites is a great opportunity to stay at the cutting edge of technology and start using Containers to create more flexible and efficient responsive layouts.
To explore these new features, update to Elementor 3.16 and let us know how you plan to use them on your website.
