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...
Divi 4
Display Site Title and Tagline Text in Header
The Divi Theme has a highly configurable header. One thing that is missing, however, is an easy way to display a text-based site title and tagline alongside, or in place of the logo. For example:Here's how to do it using Divi Booster or, if you prefer, manually via...
Fix Divi Anchor Links Stopping at Wrong Place
The Divi Theme has a nice feature whereby you can use CSS IDs as anchor links. If you give one of your Divi Builder components (a section, module, etc) a CSS ID of, say, "jumptohere", then you can create a link of the form https://www.mysite.com/mypage/#jumptohere and...
Swap the Post Navigation Module Next and Previous Links
The Divi Theme comes with a post navigation module which lets you add links to your "previous" and "next" posts. By default, the "previous" link appears on the left and the "next" link on the right. If you'd prefer to swap them, you can use the following CSS:Related...
Changing the Divi Search Icon Hover Color
A quick tip for changing the Divi header search icon's hover color.
Make Divi Header Phone Number into Clickable Link
Let your customers reach you easily by turning your Divi top header phone number into a clickable call link.
Add Custom Text to the Divi Top Header
In this guide we show you how to add custom text to the Divi Top Header. Learn how to display custom messages or information prominently at the very top of your website by adding text to the Divi Top Header. This allows you to communicate important announcements,...
Change the Divi Logo Link URL
Updating the link URL of your Divi site's logo allows you to direct visitors to a destination of your choice when they click the logo, instead of the default homepage. This can be especially useful for branding, directing users to landing pages, or meeting specific...
Make Divi Accordion Items Closeable
Finally, a way to get Divi accordion tabs to close!
Secondary Header Social Icons on Right
By default, the secondary header in the Divi Theme will display the social icons on the left when the contact information (phone / email) are enabled, but on the right if there is no contact information. If you'd like to display the social icons on the right-hand...