Posts

Exploring Divi 5’s New SVG Module

Image
Scalable Vector Graphics, or SVGs, work differently from regular image files. A PNG or JPEG stores pixels. An SVG stores vector instructions, which is why a logo, icon, or illustration can stay sharp on a phone screen, a desktop monitor, or a large display. That flexibility makes SVGs useful for more than crisp image quality. Since SVGs are built from paths and shapes, you can often adjust their fill, stroke, size, and animation without opening a design tool. Divi 5 ‘s new SVG Module brings that workflow into the Visual Builder. You can paste SVG markup directly, upload an SVG file when your WordPress site supports it, and style the graphic with Divi’s design controls. What Is Divi 5’s SVG Module? The SVG Module is a dedicated Divi 5 module for adding scalable vector graphics to a page. Divi has long included an Image module, but SVGs are not quite the same as standard image files. They are vector-based graphics made from markup, paths, and shapes. That means they...
Post a Comment
Read more

Creating A Responsive Menu In Divi 5 (Using New Menu Features)

Image
Divi 5’s new menu tools let you build navigation from smaller, more flexible pieces instead of relying on one all-in-one menu module. That matters most on responsive sites. A desktop header, dropdown menu, and mobile overlay do not always need the same structure. With the Link module, Dropdown module, Menu Loops, Canvases, and Interactions, you can build each version of the menu in the way that fits the screen. In this post, we will build a responsive Divi 5 menu from start to finish. The desktop version uses looped menu links and optional dropdowns. The mobile version uses a separate Canvas that opens and closes with Interactions. Divi 5’s New Menu Building Features Responsive menus in Divi 5 are built from a set of focused tools. Each one handles a different part of the navigation workflow. The Link module handles individual menu items. The Dropdown module handles flyouts and mega-menu panels. Menu Loops keep links connected to WordPress menus. Canvases hold off-can...
Post a Comment
Read more