All Collections
Divi Release Tutorials
The Responsive Content & Hover Content Editing Controls
The Responsive Content & Hover Content Editing Controls

This update introduces responsive & hover controls for your content, including native SRCSET support for responsive images.

Vlad avatar
Written by Vlad
Updated over a week ago

Responsive & Hover Content Editing

The new responsive content control works just like the one in design, simply hover over the option and click on the phone icon to enable responsive on that element. This is available on all relevant content elements (titles, text, images, show/hide toggles, etc.).

(click on the image to see the full size)

Hover Editing For Content

This is the same as the responsive content control and it supports the same content elements. Hover over the option and click on the cursor icon to enable enable hover editing on that element.

(click on the image to see the full size)

You can enable both responsive and hover content on the same element.

Native SRCSET Support

In addition to responsive and hover content editing controls Divi now includes native SRCSET support for all images. Divi will automatically make your images responsive and will serve the correct sides image to each device which means that it can improve loading times significantly on mobile devices.

Note: For images that were uploaded in the past you can use the Regenerate Thumbnails plugin to regenerate the WordPress image sizes.

Update to the latest version and let us know what you think! ️❤️

Stay tuned for more cool features coming your way! 

Did this answer your question?