Site icon Website Design Naples Florida Webmaster

How to Design a Fluid Hero Section in Divi

How to Design a Fluid Hero Section in Divi

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-design-a-fluid-hero-section-in-divi

A website’s hero section is one of the best candidates for fluid design. Unlike traditional responsive design that adjusts at different breakpoints, fluid design scales seamlessly with the browser viewport and keeps the design consistent on any device.

In this tutorial, we are going to show you how to create an entire fluid hero section in Divi. The key to creating this fluid design is adding a fluid root font size to each of the modules used and then incorporating the em length unit (which is relative to the root body font size) throughout the module’s settings.

You’ll be able to download the JSON file for free as well!

If you don’t have Divi yet, you can learn more about this powerful theme on our website using the link below:
https://www.elegantthemes.com/gallery/divi/

Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:

It’s a New Era! Submit Your Best Original Content for Publication on the Elegant Themes Blog

Exit mobile version