In this webinar, we discuss ways to reverse engineer Divi’s features and use various Divi modules in places that they’re not typically used in. While most of Divi’s modules are somewhat restricted in their usage, the webinar shows you new ways that you can manipulate the modules for a truly unique web design.

In the webinar you’ll learn how to:

• Use a Divi library item as mega menu
• Encapsulate the comments section of a single post into a toggle

Watch the replay here:

Reverse Engineering Divi’s Mega Menu

For some reason, the PHP code for this tutorial does not display correctly as preformatted text. As a workaround, we’ve added the code as TextEdit documents in a .zip folder that you can download and use. Simply download and unzip the .zip file, copy the respective jQuery and PHP code from each of the TextEdit documents and proceed with the tutorial as instructed.

Creating a Comment Toggle

jQuery(document).ready(function($){

$("#comment-wrap").wrap("<div class='comment-toggle-container et_pb_module et_pb_toggle et_pb_toggle_item et_pb_toggle_close'><div class='et_pb_toggle_content comment-toggle clearfix'></div></div>");

$("<h5 class='et_pb_toggle_title'>Click for Comments</h5>").insertBefore(".comment-toggle");

});