By default, the Divi Accordion module opens only the first accordion item when the page loads. If you're using an accordion for product details, onboarding steps, documentation, pricing comparisons, or any content where visitors should see everything immediately, you...
Divi 4
How to Create a Masonry Image Gallery in Divi
Divi’s Gallery module displays images in a regular grid, which can feel restrictive when your photos have different heights or aspect ratios. A masonry layout preserves those varied proportions and arranges the images more compactly, reducing unnecessary gaps and...
How to Change the Divi Menu Module Hamburger Icon
By default, the Divi Menu module uses the standard hamburger icon for its mobile menu button. That works well in many layouts, but it may not match your header design, branding, or the style of icons used elsewhere on your site. Changing the hamburger icon lets you...
How to Show the Full Divi Menu Module Links on Mobile
By default, the Divi Menu module shows the full menu on desktop and switches to the hamburger menu on tablet and phone. That usually works well, but for short menus, footer menus, simple landing pages, or custom layouts, you may prefer to keep the full menu links...
How to Show the Divi Menu Module Hamburger Menu on Desktop
By default, the Divi Menu module shows the full menu on desktop and switches to the hamburger menu on tablet and phone. That can be a problem if your desktop menu is too wide, wraps onto multiple lines, or doesn’t fit the design of a compact header. Showing the...
How to Add an Animated Top Border Hover Effect in Divi
A subtle animated top border can be a nice way to add movement and polish to your Divi layouts. It works particularly well on cards, blurbs, pricing tables, call-to-action modules, menu-style links, and other elements where you want a small interaction effect without...
How to Add Tracked QR Codes in Divi
QR codes are a useful way to send offline visitors to your website from flyers, posters, packaging, event signage, menus, business cards, PDFs and printed handouts. But if you use a normal static QR code, you usually won’t know whether anyone scanned it. Tracked QR...
How to Add a Custom Icon to the Divi Button Module – Divi 5 & Divi 4
Divi’s Button module includes a built-in icon option, but it only lets you choose from Divi’s standard icon set. If you want to use your own SVG, PNG, brand mark, product icon, download icon or custom CTA graphic, Divi doesn’t provide a built-in upload field. In this...
How to Add Icons to Divi Tabs Module Tab Titles – Divi 5 & Divi 4
Tab icons can make your Tabs module easier to scan and more visually polished by pairing each tab label with a clear visual cue. In this guide we show you how to add icons to individual tabs and style their appearance across the Tabs module.Quick answer: Divi doesn’t...
Display Divi 4 Specialty Section Columns Side-by-Side on Mobile
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...
