The main header of the Divi theme includes a search icon, which brings up a site-wide search box when clicked. This search box includes a grey "cross" icon which can be used to close the search box. If you're after something other than a grey cross, here's how to...
Blog
Floating Blurb Module Layout
Here's how to achieve a simple 4 column layout with blurb modules in the Divi theme that automatically shift over as new ones are added. The problem Say you want a page with monthly updates represented as blurb modules, that looks like this:An obvious way to achieve...
Set Divi Section Background Position
If you want to shift the background on one of your Divi Theme sections, you can do with Divi's position settings. For example, suppose you have a section with a background, and some content (an accordion in this case), like so:You can shift the entire section up...
Hide Divi Header on a Single Post
If you need to hide the main header on a single post in the Divi theme, here's how to do it. 1. Open the Post settings2. Switch to the "Advanced" tab3. Enter the following Custom CSS:Here's a screenshot showing the location of the per-post Custom CSS box:
Add Links Beside Mobile Menu Button
On mobile devices the Divi theme collapses the header menu items into a dropdown menu, accessible via the mobile menu button. Sometimes though, it's useful to be able to add a link or two next to the mobile menu button, separate from the mobile menu, as shown:This...
Add Second Button to Divi Slider Slides
Divi Booster lets you add a second button to slides in the Divi theme's slider module and fullwidth slider module.Adding a Second Slide Button With Divi Booster installed, you'll find the following options added to the Slide Settings: Slide Settings > Content >...
Stop Request for Logo Image When Hidden
When you hide the logo in the Divi, you may notice that a request for the logo image is still made by the page. This is because the logo image is hidden, but is still referenced by the HTML source of the page. So the browser loads the image in anticipation of the logo...
Remove Sidebar on Woocommerce Product Pages
By default, the Divi Theme will display a sidebar on Woocommerce product pages. Here's how you can hide / remove the sidebar. Hiding the Sidebar using CSS You can use the following CSS to hide the sidebar from your Woocommmerce product pages and center the product...
Make Slide-in Menu Top Level Items into Links
The Divi theme's Slide-In Menu displays menu links in a vertical bar which is revealed when you click the menu button. When opened, it displays a list of top level (parent) menu items. Normally, clicking on one of these menu items takes you to the linked page....
Divi Table Module
If you want to add a table into your Divi Builder layout, here's one option:Divi Table Maker ModuleThe Divi Table Maker plugin adds a Divi Table module that can be used to add responsive tables into Divi Builder layouts. Features include: Multiple Headers and Footers...