How To Make Divi Responsive Free Course by Pee Aye Creative 2

Introducing The FREE How To Make Divi Responsive Course

Nelson Miller Pee Aye Creative
If you want to create Divi websites that look good across on all device and sizes, then this free How To Make Divi Responsive course is perfect for you!

What You Will Learn In This Course

The following is a quick summary of the lessons included in this course.

Introduction To Responsive Design

Learn what responsive design means, the importance and benefits of doing it, and some processes to follow to help you achieve it!

Different Content Per Device

Learn how to change the actual content for different device sizes like text, images, or video that shows on desktop, tablet, or mobile!

Background Settings

Learn about the responsive background settings for color, gradient, image, and video in the Content tab of the Divi sections, rows, columns, modules!

Alignment Settings

Learn about all the settings in the Design tab of any section, row column, or module that have responsive alignment options!

Spacing Settings

Learn how you can use and adjust the spacing settings like margin and padding for different devices to make your layouts repsonsive!

Custom CSS

Learn how you can set responsive custom CSS for each of the device breakpoints and some examples of how handy this feature can be!

Position Settings

Learn all about the position settings, whcih are really great especially for making fixed elements on either desktop, tablet, or phone!

Understanding Breakpoints

Learn what CSS breakpoints are, which ones come with Divi by default, and how to access and use them in Divi to make your site responsive!

Responsive Content Features

Learn how to adjust the helpful settings which are found in the Content tab of any section, row, column, and module on desktop, tablet, or phone!

Text & Heading Styles

Learn how to adjust the many responsive text and heading design settings like font size, line height, font-weight, font style, color, and more!

Sizing Settings

Learn about all the responsive sizing settings like icon font size, image sizes, and more in the Design tab of any section, row, or module!

Miscellaneous Design Settings

Learn more about soem of the miscellaneous responsive settings in the Design tab like settings for dividers, filters, borders, and more!

Visibility Settings

Learn about the visibility features in Divi and how you can show, hide, or adjust overflow or  z-index of any element on Desktop, Tablet, or Phone!

Related Resources

Learn some awesome efficiency tips in the Visual Builder, check out our tutorials on our blog, and look at our Divi Responsive Helper plugin!

Ready To Learn How To Make  Divi Responsive? 

Total Time

1.5 Hours

Total Cost


Total Value


Need Something More?

Check Out Our Beyond The Builder Course!

If you want more, then check out our Beyond The Builder Course! This course covers everything from preparation, hosting, domains, WordPress, Divi, SEO, managment, security, and so much more! This is the ultimate course if you are building or managing sites with Divi and want a thorough, complete understanding and training so you can become an expert!

Beyond the Builder Ultimate Divi Website Design Course by Pee-Aye Creative

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin

Please share this post!

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy


Submit a Comment

Your email address will not be published. Required fields are marked *

Other Freebies


Your Cart