How To Use Responsive Design Settings In Divi 5

Divi 5 has introduced a fundamental change in how responsive design settings are handled, and it’s crucial for anyone familiar with Divi 4 to understand these updates. In this tutorial, I will show you how to use responsive design settings in Divi 5 and compare it with Divi 4 to highlight the major differences.
👉 Blog Post: www.peeayecrea...
🗺️ Responsive Design Trail Guide: www.peeayecrea...
✳️ Become a member of our Divi Adventure Club!
www.peeayecrea...
Join The Divi Teacher Facebook group: / thediviteacher
Visit our Divi child themes, plugins, tutorials, and courses here: www.peeayecrea...
Thanks for watching!

[@erixxu3260]

Wish more Divi 5 Best Practice tutorial come out, benefit for many learners, thanks. 😊👍

[@PeeAyeCreative]

I'm open to that, just let me know what you want to see!

[@rsheehan888]

Thanks so much for your great information. I do hope they will add a tablet landscape breakpoint. That would save me a lot of heartache.

[@PeeAyeCreative]

I think they will add more breakpoints.

[@marciaturley2850]

Thank you Nelson! Another incredible message from you! You're my Go To for everything DIVI related! I'm so excited about the new responsive design settings in Divi 5! As someone who's spent countless hours tweaking layouts for different screens, this is a huge time-saver. This is the best news ever! 🌟⭐✨💫🌠🌟⭐✨💫🌠🌟⭐✨💫🌠

[@PeeAyeCreative]

I'm so happy to hear you like this! Yes this will really save a lot of time and effort! 🥳

[@Stormwoken]

Love how you don't waste time! =)

[@PeeAyeCreative]

Thank you for your feedback! I don't really think about it. Others have accused me of being way too slow. I just be myself, and I guess that suits some and not others :)

[@Stormwoken]

@@PeeAyeCreative Your videos are diverse and comprehensive. I appreciate them greatly, having joined the Divi community only recently. Slow and steady wins the day!

[@davidreid2196]

Is the right edit bar going to be sticky or can it float like Divi 4? Seems to take up a lot of real estate

[@PeeAyeCreative]

It can float if you drag it out, but it seems to be fixed by default at this point.

[@amitp6670]

There is not such thing like Tablet and Mobile. I have tried many settings for tablet but never worked on it. Even Divi also confirmed that layout can not be designed seperately for Tablet it just takes setting from mobile or Desktop. Not sure why that tablet mode is exist ??? If you have any details please share.

[@PeeAyeCreative]

I don't understand what you mean, and there must be some major misunderstanding. Maybe you are getting confused by the terms, like thinking it applies to the type of devices? The terms are referring to the screen sizes only, not device type.

[@Stormwoken]

@@amitp6670 Don't think of them as devices, but breakpoints that roughly correspond to the screen sizes. So, there is a "tablet" breakpoint and a "mobile" breakpoint. And sometimes there are other breakpoints for large and medium screens, but it's still about screen sizes, not devices you're accessing the page from.

[@DiegoMatter-g3c]

And that is exactly how you should not design a website.
If you want to keep the design consistent, then you need to set the text size in a central location like the wordpress customiser settings. If you don't like the sizes anymore, go back to the WP customiser and change the sizes, fonts, colours there. All text on your website will change in one go.
Another reason to not change the size in a module (unless you want a text to stick out, be different from the rest) is that Divi will create hundreds of lines of CSS code in the background which slows down the website. Each module change provokes a new CSS code. If it is done in the customiser only on set of CSS code for all modules will be used.
Changing the size of text in ONE module is also a sure way to slow down your process.
The same goes for colours. Define a colour schemE and use IT throughout your site. Don't go into a module and change the background colour there, or you will never be able to redesign/modernise your site easily and create a balanced professional design.
I see the same when people work with Text Processors like Word. They change every detail instead of defining Title, Subtitle, text etc. sizes and fonts. They will never be able to create a design-wise consistent document.
@Pee-Aye Creative What is your position to my remarks? I think Divi gets this wrong and that is why people spend so much time tweaking Divi website designs for all screens. Sure you can use presets, but then you have to define them in each module-type and carry a style sheet. There is no central way of seeing in in one location. I consider it a very clunky way of doing it that way.
Good design and a fast site design process is so much simpler to achieve in Kadence which I use now because the Kadence theme is Gutenberg block based and it is using the WP customiser.
Will Divi join the Wordpress Gutenberg block standard? I think they will not be able to, because there is so much proprietary code in the Divi builder.
Elegant Themes should probably have developed Divi 5 as a block based theme for new websites and retire Divi 4 completely which would make everything easier and faster and it would sit on top of the way Wordpress is moving forward with the Gutenberg block standard which is a fantastic base to build on.

[@PeeAyeCreative]

I don't see how this is relevant at all, I believe you missed the point. You're talking about something different, global styles, but you would still need responsive editing, so yes you're on a totally different but intersecting topic. You can use Divi Presets for that. The customizer is going away.

[@buckinghamandchester]

@@PeeAyeCreative His point is you should set responsive font sizes globally and not per each module. (I don't agree with him! I like the ability to fine tune my websites)