mrx3k1

<p>This WordPress plugin makes the navigation menu collapse automatically when the user touched outside of it’s bounds. This extension will not impact the performance of your page. Minified and lightweight, only 2 KB.</p>
<h3>Features</h3>
<ul>
<li>checkbox to switch on/off</li>
<li>duration of the collapsing animation can be set up</li>
<li>minified and lightweight, only 2 KB of size (no impact of performance)</li>
<li>tested on WP-4.7.3 and Divi-3.0.35</li>
<li>100% stable, 100% free, no scam</li>
</ul>


Navigation Toggle 4 Divi

Toggle the navigation menu when the user clicks outside.

Satinder Singh

CoolHappy

Cool Plugins

Events Calendar Addons

<h3>The Events Calendar Divi Integration</h3>
<p><strong><a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Events Calendar Modules for Divi</a></strong> is an addon for <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a> WordPress plugin that provides custom Divi event modules to display upcoming events inside the Divi Builder.</p>
<p>If you are looking for a simple way to use The Events Calendar with Divi Theme, this plugin makes it easy to design modern event list sections directly inside your Divi pages. You can control event query settings, filter events by date, and fully style your event calendar layout using Divi’s module built-in design controls.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Z9s-7RgxZu8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Live Demos</h3>
<ul>
<li>
<p><strong>View FREE Demos:</strong> <a href="https://eventscalendaraddons.com/divi/minimal-list-styles/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Events List – Minimal</a> | <a href="https://eventscalendaraddons.com/divi/modern-list-styles/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Events List – Modern</a></p>
</li>
<li>
<p><strong><a href="https://eventscalendaraddons.com/demos/the-events-calendar-modules-for-divi/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">View PRO Demos</a>:</strong> Create advanced Events Grid and Carousel layouts inside Divi Builder.</p>
<ul>
<li><strong>Events Grid Layout:</strong> <a href="https://eventscalendaraddons.com/divi/minimal-grid-styles/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Minimal Grid</a> | <a href="https://eventscalendaraddons.com/divi/modern-grid-style/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Modern Grid</a></li>
<li><strong>Events Carousel Layout:</strong> <a href="https://eventscalendaraddons.com/divi/minimal-carousel/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Minimal Carousel</a> | <a href="https://eventscalendaraddons.com/divi/modern-carousel/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Modern Carousel</a></li>
</ul>
</li>
</ul>
<h3>Plugin Features</h3>
<ul>
<li><strong>Divi Events Calendar Module:</strong> Adds a dedicated Events module inside Divi Builder to display The Events Calendar events directly on any page or section.</li>
<li><strong>Event List Layout:</strong> Show upcoming or past events in a clean and professional list layout. Choose from pre-designed list styles to match your Divi website design.</li>
<li><strong>Event Query & Design Controls:</strong> Control how many events to display, manage event order, and customize colors, fonts, and other styling options directly inside Divi module settings.</li>
<li><strong>Responsive & Mobile Friendly:</strong> All event layouts automatically adjust for desktop, tablet, and mobile devices. Simply drag and drop the Events module inside Divi Builder.</li>
</ul>
<h3>Premium Features</h3>
<p><a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Upgrade to the Pro version</a> to unlock advanced Divi event calendar layouts and design controls.</p>
<ul>
<li>
<p><strong><a href="https://eventscalendaraddons.com/doc/events-calendar-modules-for-divi-layouts/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Events Grid & Carousel Layouts</a>:</strong><br />
Display The Events Calendar events in beautiful Grid, Carousel, or Slider layouts inside Divi Builder. Perfect for conferences, workshops, classes, community programs, and business events. Choose from modern and minimal design styles for List, Grid, and Carousel layouts.</p>
</li>
<li>
<p><strong>Advanced <a href="https://eventscalendaraddons.com/doc/events-calendar-modules-for-divi-content-settings/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Event Query</a> & Design Controls:</strong><br />
Filter events by featured status, date range, categories, or tags. Display only upcoming, past, or specific events exactly the way you need. Get extended design settings for spacing, alignment, typography, background, and layout structure inside Divi Builder.</p>
</li>
<li>
<p><strong>Load More Functionality:</strong><br />
Add an AJAX Load More button to dynamically load additional events without page refresh, improving performance and user experience.</p>
</li>
</ul>
<h4>Why Use Events Calendar Modules for Divi?</h4>
<p>If you are building an event website with Divi and using The Events Calendar plugin, the default event templates may not match your branding or layout needs. This plugin allows you to create a fully customized event showcase directly inside Divi Builder without editing theme files. You can design modern event listing sections, highlight featured events, and control how your event calendar appears across your website.</p>
<p>Whether you manage ticket booking events, workshops, conferences, webinars, training programs, or community meetups, you can display event schedules, venue details, and upcoming programs in a structured and professional layout. It is perfect for event organizers, educational institutes, agencies, and businesses that want more design flexibility while still using The Events Calendar for event management.</p>
<h3>More Addons for The Events Calendar</h3>
<ul>
<li><a href="https://eventscalendaraddons.com/plugin/events-shortcodes-pro/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Shortcodes For The Events Calendar</a>: Display events anywhere using shortcodes. Show events in list, grid, carousel, timeline, slider, or accordion layouts.</li>
<li><a href="https://eventscalendaraddons.com/plugin/event-single-page-builder-pro/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Event Single Page Builder For The Events Calendar</a>: Create fully custom single event page layout and replace default template of The Events Calendar.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Widgets For Elementor And The Events Calendar</a>: Insert dynamic event widgets inside Elementor sections with advanced layout styling.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Speakers & Sponsors</a>: Add speakers and sponsors sections inside your event pages. Showcase keynote speakers, guest presenters, partners, or sponsors.</li>
</ul>
<h4>Other Plugins by Cool Plugins</h4>
<ul>
<li><a href="https://cooltimeline.com/plugin/timeline-module-for-divi/" rel="nofollow ugc">Timeline Module for Divi</a>: Create beautiful vertical and horizontal timelines in Divi theme.</li>
<li><a href="https://coolplugins.net/product/contact-form-extender-for-divi-builder/" rel="nofollow ugc">Contact Form Extender for Divi</a>: Extend Divi Contact Form with file upload field, country code selector, and option to save form submissions in your WordPress dashboard.</li>
<li><a href="https://coolformkit.com/" rel="nofollow ugc">Cool FormKit</a>: Add advanced fields and powerful features to Elementor forms.</li>
<li><a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/" rel="nofollow ugc">AutoPoly</a>: Automatic translate addon for Polylang multilingual plugin.</li>
<li><a href="https://locoaddon.com/" rel="nofollow ugc">LocoAI</a>: Automatically translate plugin and theme strings inside Loco Translate.</li>
</ul>
<p><strong>Third-Party Services:</strong> This plugin connects to the Cool Plugins feedback server only for opt-in usage data sharing and voluntary feedback submission. Data is transmitted strictly after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For complete details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>.</p>
<p><strong>Disclaimer:</strong> This plugin is developed by <a href="https://coolplugins.net" rel="nofollow ugc">Cool Plugins</a> as a third-party addon for The Events Calendar and Divi Theme. It is not developed, affiliated with, or endorsed by The Events Calendar, StellarWP, or Elegant Themes. Some links inside this plugin or its readme may be affiliate links, which means we may earn a small commission at no additional cost to you.</p>
<p><strong>Important Notice:</strong> Migration from Divi 4 to Divi 5 is supported only up to Divi 5 Public Alpha 14. If you plan to upgrade your site or plugins, please complete the migration before Alpha 14. After that version, direct migration from Divi 4 will not be available and may cause compatibility issues.</p>


Events Calendar Modules for Divi

Integrate The Events Calendar with Divi Theme and use Divi event calendar modules to design and display event listings easily inside Divi Builder.

Navigation Toggle 4 Divi vs Events Calendar Modules for Divi