By default, the Divi Menu module uses the standard hamburger icon for its mobile menu button. That works well in many layouts, but it may not match your header design, branding, or the style of icons used elsewhere on your site. Changing the hamburger icon lets you...
menu module
How to Show the Full Divi Menu Module Links on Mobile
By default, the Divi Menu module shows the full menu on desktop and switches to the hamburger menu on tablet and phone. That usually works well, but for short menus, footer menus, simple landing pages, or custom layouts, you may prefer to keep the full menu links...
How to Show the Divi Menu Module Hamburger Menu on Desktop
By default, the Divi Menu module shows the full menu on desktop and switches to the hamburger menu on tablet and phone. That can be a problem if your desktop menu is too wide, wraps onto multiple lines, or doesn’t fit the design of a compact header. Showing the...
Divi BuddyPress mobile menu not working?
If you’re using BuddyPress with Divi, you may find that the mobile menu sometimes stops working on BuddyPress pages. The hamburger icon still appears, but tapping it does nothing, or the mobile menu markup never gets created at all. In most cases, this happens because...
Set Hover Color for Menu Links in the Divi Menu Module
Customizing the hover color of menu links lets you enhance the user experience and maintain visual consistency with your website’s brand. By setting a specific hover color, you can guide visitors' attention and improve navigation feedback. In this guide we show you...
Show or Hide Menu Items Based on Logged In Status
Do you need to show some of the items in your Divi menus only to logged out users or only to logged in users? For example, showing a "login" link to logged out users and a "logout" link to logged in users. Here's how to do it. Set Up Your Menu If you haven't already...
Create a Full Page Divi Slider (with Menu / Logo Overlay)
Want to make your Divi slider module full screen? Want to add a menu / logo overlay on top of it? This post describes how to set up both a full page slider module, and an overlaid Divi menu module with, perfect for homepage "hero" sections. Here's the effect we're...
Dynamically Changing the Divi Menu Module Menu
If you're looking to have your Divi Menu module display different menus in different circumstances, such as the user's navigation path, here's an example of how it can be achieved with a bit of PHP code. In this example we'll let the set it up so that we can include...
Maintaining the Position of the Search Icon in Divi Theme’s Menu Module
Are you populating your Divi Theme’s Menu Module with multiple links, only to find that the search icon is forced onto a new line? If so, here is how to ensure your search icon sticks to its original spot. This issue generally emerges when the menu module is...
Generating Divi Breadcrumbs from a Menu
The Divi Breadcrumbs Module lets you add SEO-ready breadcrumbs to any Divi builder layout. By default, the breadcrumbs are based on the structure of the site as it is defined in WordPress (e.g. using categories, tags, parent pages, and so on). But what if you need the...
