You can apply the following pills to your menu items using a combination of HTML and CSS.There are 2 options for you to choose (or customise even further if you want to put on your CSS hat!)All you need to do is insert the following HTML into the Navigation Label of...
With the use of Flexbox we can split our menu to enable right-aligned action items to be positioned away from informational navigation. In this example, we’ve set a custom class name for the Support Menu item which means all menu items from Support will be...
With Divi v4.10.7, the Elegant Themes team fixed a bug with the menu module text-alignment. You can review the publicly accessible changelog to keep up to date with Divi core releases. The result of the update will display DiviWP Header drop-down menu...
When headers are imported into Divi, sometimes characters get added or removed from the Custom CSS Module included in each Header Section. Here’s an example of what this might look like: You’ll need to make sure the following values are correctly...
Modifying Top Row Modules in Headers 9 – 20 Header Sections 9 – 20 include rows that use a combination of Blurbs, Menus, Social Follow and Button Modules. Here they are starting with Header Section 9 and ending with Header Section 20: Because the default...
Default Mega Menu Support All Headers include Default Mega-Menu support on Desktop. Refer to Header 2 for an example. Follow this tutorial for setting up your Mega Menu: https://www.elegantthemes.com/documentation/divi/mega-menus/ 2 and 3 column Mega Menu...
When viewing on mobile/tablet mode in your browser, be sure to refresh the page first as the jQuery included in the Header Section needs to calculate the height of the dropdowns on page load. It won’t work if you simply drag your browser window to a mobile size....
This is a quirk of the Visual Builder and is nothing to worry about. If you’re using the Menu Module’s Cart Icon, it may appear positioned below the Menu on it’s own line within the Visual Builder. Here are two screenshots illustrating...
If you’d like to integrate custom cart icons and functionality into Divi’s Theme Builder Templates you have two options available to you: If the plugin has a shortcode option then you may insert the shortcode as a Custom Link in WordPress’ default...
The Menu Module (as of Divi v4.0+) does not yet allow for customizations of the Search input text color and does not inherit the value set in the Menu Settings → Design → Menu Text → Text Color. To customize the search input text color we...
