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,...
divi booster
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...
Show Divi Header Social Icons on Mobiles
Divi includes an option to enable social media icons in the secondary header. However, ever since v2.4, it no longer displays these icons in the secondary header on mobile devices / screen widths, even with the option enabled. If you'd like your mobile users to see...
Enable Compression for the Divi Theme
As with any site, speed is often an important requirement for those built using Divi. With Google using the speed at which your site loads as a factor in determining how high to rank it in their search results, if you want a good ranking, a fast site is critical....
Remove Divi Theme Box Layout Shadow Lines
The Divi Theme comes with several layouts, including a "box" layout which places all your content within a bounding box. This box is distinguished from the background by a shadow effect. If you want to get rid of the shadow effect, you have a couple of options....
Change the Space Between Divi Menu Items
The standard header in Divi includes a menu for your main site navigation links. Given their prominent position on the page, it's important to ensure they are look good and are easy to read. This tutorial will show you how to adjust the menu item spacing and make this...
Set Menu Link Hover Color in Divi Header Menu
Customizing the hover color of menu links in your Divi header menu helps create a more engaging and visually appealing navigation experience for your site visitors. By setting a distinct hover color, you can improve usability and coordinate the menu appearance with...
Right Align the Divi Top Header Contact Info Icons
The Divi Theme allows you to set a phone number and email address to be shown at the top of the header, as well as a number of social media icons. To right align these top header text and icons, you can use the following CSS: @media only screen and (min-width: 768px)...