Introducing Customizable Responsive Breakpoints For Divi 5

Today, we are excited to release Customizable Responsive Breakpoints for Divi 5. 🥳

Divi 5 now comes with seven pre-defined breakpoints that cover every type of device, and you can customize the width of each breakpoint, giving you control of your design at every size. It’s fast, it’s easy, so let me show you how it works.

Check out the following video to see the new feature in action. 👇

Customizing Your Website’s Breakpoints

In the Visual Builder, you can switch between breakpoints using the icons at the top of the interface. Click the triple dot icon to open your website’s breakpoint editor, where you can enable or disable any of Divi’s new default breakpoints.

We bolstered Divi’s original set of three breakpoints with four new breakpoints, including Phone Wide, Tablet Wide, Widescreen, and Ultra Widescreen. They cover all modern devices, allowing you to optimize your design for everything.

Adjust The Widths Of Each Breakpoint

While the pre-defined breakpoints should cover all your needs, you can adjust them to target specific devices. Within the breakpoint editor, you can define custom widths for each breakpoint.

Intuitive Responsive Editing

In Divi 5, there is no need to enable responsive editing at the option level. Any change you make within a particular breakpoint will automatically apply. Switch views, then make changes to optimize your design for screen sizes within the selected width range.

You can drag the edge of the canvas to view the design at any width within the active breakpoint.

Design For Any Device Thanks To Canvas Scaling

The size of your design scales down proportionally when a breakpoint’s width is larger than the width of your canvas. You can design for ultra-wide monitors, even on a small desktop or tablet. Using a small device or a compressed browser window, you can visualize how your design will appear on larger monitors.

And, of course, everything is so fast in Divi 5, which is especially noticeable when using the new responsive editing system!

Try Divi 5 Today

Customizable Responsive Breakpoints are available today, and it’s one of many features coming to Divi this year.

You can follow along as we progress through the final release of Divi 5 and beyond, with updates every two weeks. Depending on your priorities, you can use Divi 5 now to build new websites or wait until we add more features and address more feedback, whatever works best for you.

As outlined in Divi 5’s original multi-phase release schedule, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s missing a few features and may not be suitable for existing websites, but it’s ready to be used on new websites if you prefer the experience to Divi 4.

We want you to try it, and if you love it, use it; when everyone loves it, we’ll make it official.

More Features Incoming Fast

2025 is the year of Divi 5. The tedious work is behind us. We built the super-fast foundation, fixed the bugs, and now it’s time for Divi to make its comeback.

We spent two years building the Divi 5 foundation with the promise that it would act as a springboard for us to sprint forward and develop new features quickly. It’s time to fulfill that promise.

If you’re here for the Divi comeback, do us a huge favor and let us know by liking this video and leaving a comment. It means a lot to us to see you cheering Divi on, and it’s essential to feed the algorithm and spread the word.

Don’t forget to follow us on YouTube and subscribe to the Divi newsletter so you never miss an update. I’ll see you soon for another Divi 5 feature announcement, which I promise will be right around the corner. 😁