Divi Specialty Sections let you create more complex column layouts than standard sections, such as combining a large column with smaller rows of columns beside it. On mobile, however, Divi will normally stack the elements in a Specialty Section vertically. This works...
mobile
Make the Divi Gallery Module Swipeable
The Divi Gallery Module comes with a slider mode that lets you display images in a slider with clickable left/right arrows to scroll through the images. For mobile / touchscreen users, you can improve the user experience by allowing your user to swipe to navigate to...
Setting Responsive Values for Divi Module Settings
In today's mobile-first world, ensuring a responsive design is crucial. The Divi Theme offers a powerful feature that lets you set different values for module settings on desktop, tablet, and mobile devices. This flexibility ensures your website looks perfect on any...
Display Two Divi Columns Side-by-Side on Mobile – Divi 5 & Divi 4
Divi lets you place modules side-by-side by adding them to a two-column row. On mobile, however, Divi normally stacks those columns so they appear one above the other. That works well for many layouts, but it can take up more vertical space than necessary when the...
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 – Divi 5 & Divi 4
By default, Divi disables mobile pinch zooming by outputting a restrictive viewport meta tag: This prevents visitors from zooming in on your site using the normal pinch-to-zoom gesture on mobile devices. While this may give you more control over the mobile layout, it...
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 Default Mobile Content Width in Divi
Adjusting the default content width on mobile devices allows you to optimize the presentation of your website for smaller screens, ensuring your content appears more spacious or compact as desired. Increasing or decreasing the mobile content width can enhance...
