Divi lets you lay out web pages in sections, rows, columns and modules. This lets you, for example, display two modules side-by-side, using a two-column row. However, it can be trickier to display two columns side-by-side on mobile. Here's a way to do it. When you use...
mobile
Increase Gap below Post Subheadings on Mobiles
The Divi Theme gives subheadings in posts (i.e <h2> tags) a bit of bottom padding (10px) to provide space between them and the text that follows. However, on small device widths, Divi reduces this bottom padding to zero. This means that there is very little...
Enable Mobile Pinch Zooming in Divi
By default, the Divi Theme disables "pinch" zooming on mobiles. While this gives you more control over how your site appears to users, it can hurt accessibility as vision impaired users will be unable to zoom in to view content. Google's Lighthouse website auditing...
Change the Blurb Module Icon / Image Placement on Mobiles
The Divi Theme's blurb module offers a choice of two placements for the blurb icon / image: on top of the text, or to its left. The same placement is used on both desktop and mobile versions. If you'd prefer your left-positioned images and icons to switch to a...
Change Divi's Content Width on Mobiles
The Divi Theme comes with an option to set adjust the "content" width of your site. This lets you choose how wide your want your site's content to be (the default is 1080px). However, there is no equivalent option for setting the content width on mobile devices - on...