Learn Divi Responsive Design In 10 Minutes

Optimize your Divi website for mobile devices using these awesome responsive design settings. In this tutorial I'll share my favorite responsive design tricks for Divi.
Responsive web design or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction. (Source: Wikipedia)
Is Divi responsive? The answer is: YES! But does that mean that your website layout will look perfect in smartphones and tablets automatically? No, you have to make an effort. But it's really easy using the Divi Visual Builder.
Tutorial: Learn the Divi responsive design basics in just 10 minutes
00:00 - Intro: What is responsive design?
00:23 - Is Divi responsive?
00:37 - Understanding the Divi responsive preview mode
02:08 - Changing the mobile preview settings
02:37 - Use shortcuts to change device view
02:58 - The responsive preview mode vs. The responsive design settings
03:30 - The correct way to edit the responsive design in Divi
05:58 - Use Global Presets for design consistency
06:50 - Hide elements on different devices
07:18 - Bulk change image size
07:55 - Increase the default row width on mobile
⚡ Not using Divi yet? Find the latest discounts for both the annual license and the life-time license at: divimundo.com/en/divi-discounts/
⚡ DiviMundo.com is dedicated to spread knowledge about WordPress and the Divi theme. The vision is that everyone should be able to design beautiful websites without exhausting coding issues. Read more at divimundo.com/en/
Some of the links in this post are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission, but it will never cost more for you. Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.
#divi #responsive #design

[@JohnBakas]

Easy to understand -- each steps is described and shown slow enough for a novice like me to follow and apply to my site while watching. Excellent presentation with good tips along the way. 💯

[@DiviMundo]

Thanks a lot for your kind words John 🍻🙂

[@pctechsupporthelp1]

Thank you very much for this awesome DIVI tutorial Victor, I did not know the things you taught us about responsive design. very helpful for sure!!! :)

[@DiviMundo]

I'm glad you liked it! 🙂

[@thegrahams100]

Hi Victor, your Divi tips are so useful, keep them coming! ty.

[@DiviMundo]

Thanks! 🙏 My goal is to publish a new video every week so make sure to have a look next week (it might be Wednesday, wink wink)

[@pheroztengra2821]

I have been struggling with Divi responsive design - and now after viewing your presentation I am delighted at your clear instructions and the relative speed with which you describe the concepts. -- Thanks

[@DiviMundo]

Thanks for sharing your experience Pheroz! I'm really glad to hear that the tutorial helped. 🙂

[@jffrywad]

Victor you just gave me lots more work to do and I love it! Great video. Ty.

[@DiviMundo]

Cool, I’m glad you liked it! 😎

[@mrbrianjenkins]

Thank you. Straight and to the point!

[@DiviMundo]

I'm glad you liked it! 🙂

[@thebibleproof]

Your channel is a breath of fresh air! Of course I subscribed.

[@DiviMundo]

Thanks, I’m glad you liked it! 😀

[@RichArtLove]

CLEAR & USEFUL PRESENTAION - But...No matter what I do editing the phone view ALWAYS CHANGES THE DESTOP VIEW. Can't seem to get this to work!

[@DiviMundo]

Thanks Don! Try updating to the latest version of Divi. If that doesn’t help, try to activate “Safe Mode” at Divi > Support Center and try again to see if there are any plugin conflicts or custom code causing the problem.

[@sashaleal5505]

It didn't explain about how to make the hamburguer menu and the criteria on when to tweak stuff by saving the media phone, tablet or desktop and when to actually make another section and make it visible on only one media. I felt it had too many obvious information but not the rest of information I am looking for.

[@DiviMundo]

10 minutes is 10 minutes. If you want more in-depth, you can check out my 6 h Divi course at kzbin.info/www/bejne/bn2mn4djrdelbK8