How To Use Responsive Design Settings In Divi 5

[@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!

[@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!

[@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.

[@LeDaAnta-zy2fb]

I have been using divi for a long time but responsiveness is a great issue. Should I learn switching to divi 4 or wait for divi 5 or learn css media queries for responsive over all devices?? Btw great work sir..

[@hinasiddiqie4738]

Thank you for this video! If I made changes in the responsive design settings for tablet and phone but now want to revert back to the original settings so that it matches the desktop settings, is there an easy/quick way of doing this?

[@PeeAyeCreative]

Hmm, I don't think there is any option for that!

[@thewillage]

Hey Nelson, I see in Divi 5 they removed the visible Margin/Padding on the elements in visual builder. Is there a way to still see that with a keyboard shortcut of some kind?

[@Owen-e9d9u]

Question for you Nelson. Say I'm making a text size change in the mobile view, but then want to change the color of the text for all views... Desktop, Tablet, Mobile. In Divi 4, I could make that change in the mobile view and it would apply to all views. However, in Divi 5, will I have to drop down to mobile change the text size, and then jump up to Desktop view to change the color for all three views (Desktop, Tablet, and Mobile)?

[@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)