Divi

Fix Pricing Table Excluded Features Spacing Issue

The Divi Theme pricing table module allows you to supply a list of features for each pricing option. You can mark features as being either included or excluded. Excluded features are shown, but are greyed-out. There is a slight bug in the processing of excluded...

Hide Bullet Points on Divi Pricing Tables

One of the Divi Theme's many modules is the pricing table module, which makes it easy to display the various purchase options for a product. By default, the features you add for each pricing option are listed along with a round bullet point. If you'd prefer not to...

Show Mobile Menu Button in Divi Header on Desktops

The Divi Theme has a three-lined menu button (also known as the "hamburger") which appears on small-screened devices (mobiles, etc). If you'd like to have the menu button on all screen sizes (and hide the menu links), here's how to do it. Here's how the Divi header...

Adding Text Before the Divi Menu Button

The Divi Theme will, in some header configurations, display a three-lined "hamburger" menu button. If you'd like to add a bit of text, such as the word "Menu" before the button, here's how to do it.Adding Text to the Default Header Menu Button using Divi Booster Divi...

Fix Divi Slider Overlapping Text Issue

The Divi Theme slider lets you display slides along with overlaid text. If you are unlucky, you may run across an issue with the slider where the texts of all your slides are displayed at the same time, on top of one another. Kenny was having just this problem over on...

Hide Divi Theme Header Until Scrolled

Over on the Divi users facebook group, Geno showcased his new homepage. On it, he achieves a cool trick of having the Divi Theme header hidden until the user begins to scroll down. I decided to try and recreate the effect. Several ways of achieving the affect were...

Change the Divi Mobile Header Menu Button Color

 Customizing the color of your mobile menu button (hamburger icon) in Divi allows your site's navigation to better match your brand and design preferences, improving overall site aesthetics and user experience. By updating the menu button color, you can enhance...

Making the Divi Header Shrink Further Down the Page

The Divi Theme's header shrinks to a more compact view as you start to scroll down the screen. If you'd like to delay the header shrinking effect, so that it happens further down the page (e.g. so that the user would have to scroll down, say, 500px before the header...

Hide the Divi Search Icon on Mobile Devices

If enabled, the Divi Theme displays the search icon (a magnifying glass) in the header bar on all devices. If you want it to appear only on larger devices, not mobiles, you can hide it from mobiles in the following way: @media only screen and ( max-width: 980px ) {...

Use an "App-Style" Header Layout for Divi on Mobiles

The Divi Theme's header dynamically modifies itself to look good on small devices, such as smart phones. Here's how to make it look a little bit better. If you leave (or set) the Divi header as the "Default" header style, it will look like this: Depending on the size...