Code by Day | Explore By Weekend

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

FREE Course On Making Divi Responsive Now Available

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

Please share this Divi freebie!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

View More Divi Freebies

Leave A Response!

Notify of
Inline Feedbacks
View all comments
Asset 7

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

become partners with Pee Aye Creative

Partner With Us

We are looking for you!

Learn More

Divi Tutorials On YouTube

Join over 5,900 others and subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest


Your Cart