AWEOS GmbH

<h3>Your visitors will love it</h3>
<p>Make it easy to navigate your webpage on the go. if the device is small enough, Offcanvas menu let’s the visitor click on a menu button and shows a beautiful side-menu using dropdown submenu for navigation. There will be an arrow on the right to enfold a submenu. Configure the device size to control if the menu appears on certain devices.</p>
<h3>It works automatically</h3>
<p>Offcanvas Menu will convert any existing menu to a good looking and mobile friendly navigation.<br />
Restyle it with the WordPress theme customizer and make it adopt to your website’s style.</p>
<h3>Easy to customizer and tweak it</h3>
<p>Use the methods you already know, just open the theme customizer and click <em>Header and Navigation / OffCanvas-Menu</em> to change the look and feel of your sidemenu.</p>
<h3>Requirements for this Plugin</h3>
<p>We support up to three layers of nested sub-menu, please stay under the recommended limit.<br />
You will need to use the divi-theme in order to use this plugin.</p>
<blockquote>
<p>THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.</p>
</blockquote>


AWEOS Offcanvas Menu for Divi

This Plugin creates a mobile-friendly sidemenu that works with any WordPress theme, though it's optimized for Divi.

Francesco Canovi

Marco Chiesi

Black Studio

<p>Navigation dropdown menus are widely used, especially on sites with lots of pages and/or categories, as they allow to navigate directly to almost every page of the site, with no need to navigate through all the intermediate pages in the hierarchy. Unfortunately dropdown menus do not work well with mobile / touch devices, because the “mouseover” event is not handled, so when the user click a top level menu, the browser follows the link instead of opening the dropdown menu. This plugin is a solution for that situation. On touch devices, the first click / tap on a top level menu (or, in general on any menu with children) only expands the nested dropdown menu, while the second one brings to the link. This is the same behavior natively adopted by iPad / iPhone starting from iOS version 5, so this plugin is intended to work with previous versions of iOS and with other mobile platforms that do not have such native behavior (Android, Windows, etc).</p>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Black Studio web site</a></li>
<li><a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">Plugin’s web page</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-touch-dropdown-menu" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-touch-dropdown-menu#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">donation</a>.</li>
</ul>
<h4>Credits</h4>
<p>This plugin was inspired by the article <a href="https://snippets.webaware.com.au/snippets/make-css-drop-down-menus-work-on-touch-devices/" rel="nofollow ugc">“Make CSS drop-down menus work on touch devices”</a> written by Ross McKay, although it uses a totally different javascript code.</p>


Black Studio Touch Dropdown Menu

Add support for navigation dropdown menus on mobile / touch devices.

AWEOS Offcanvas Menu for Divi vs Black Studio Touch Dropdown Menu