Ryan Kienstra

<ul>
<li>Requires <a href="https://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a> 3.2 or later</li>
<li>This responsive widget resizes with its container</li>
<li>With the <a href="https://make.wordpress.org/core/2017/05/26/media-widgets-for-images-video-and-audio/" rel="nofollow ugc">Video widget</a> in WordPress 4.8 and later, this widget is less necessary for videos</li>
<li>Though this widget still works with videos, the <a href="https://make.wordpress.org/core/2017/05/26/media-widgets-for-images-video-and-audio/" rel="nofollow ugc">Video widget</a> displays well in many <a href="https://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a> themes</li>
<li>But this widget also supports embeds like <a href="https://www.slideshare.net" rel="nofollow ugc">SlideShare</a>, <a href="https://speakerdeck.com" rel="nofollow ugc">Speaker Deck</a>, <a href="https://spotify.com" rel="nofollow ugc">Spotify</a>, and <a href="https://soundcloud.com" rel="nofollow ugc">SoundCloud</a></li>
</ul>
<iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/6FfXmebV1sI?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>

Adapter Responsive Video

A widget for videos and embeds from YouTube, SlideShare, Spotify, and more. Resizes to its container.

neilgee

This plugin adds SlickNav Responsive Mobile Menu functionality to WordPress.
SlickNav Responsive Menu has multi level menu support.
Cross browser Compatible.
Keyboard Accessible.
Degrades gracefully without JavaScript.
Creates ARIA compliant menu.
Option to add a search field.
Option to add a logo.
Internationalized.
Advanced Filter.
Combine multiple menus.
<h3>Usage</h3>
The settings are found via the dashboard Settings > SlickNav Menu
<ul>
<li>
Here you choose your Menu to be used as Mobile Menu – original has to already be on page
</li>
<li>
Maximum width for the menu to appear, default is 600px
</li>
<li>
Menu Label, MENU is default
</li>
<li>
Parent links, true or false, whether a parent link that has a submenu is clickable to a page
</li>
<li>
Show Child Links, false by default
</li>
<li>
Open/close Menu speed option
</li>
<li>
Fix Menu to Head, using position fixed to body tag
</li>
<li>
Option for branding logo opposite menu label – smaller works better such as 40px in height and up to 140px in width
</li>
<li>
Option to hide header with a ‘.site-header’ class when Slicknav Menu is visible
</li>
<li>
Option to add in a search field at the bottom of the menu
</li>
<li>
Search icon background color
</li>
<li>
Options to change the opening and closing symbols
</li>
<li>
Advanced filter to adjust Slicknav values – https://wpbeaches.com/slicknav-wordpress-filter-to-adjust-values/
Demo – http://wpbeaches.com (resize browser window to below 600px)
Please note that SlickNav jQuery plugin is the work of Josh Cope, he is not responsible for the working or support of this plugin.
</li>
</ul>

SlickNav Mobile Menu

Why is this not part of the Word press core.
Sure it is just JS and css, but it is so useful!

Menus should often be better built from the page structure, not created manually.
I see people asking for this kind of menu all the time. Good luck finding one that works as good as this one.

Thank you, thank you thank you.

Best of the best

This plugin adds the option to use the SlickNav Responsive Mobile Menu in place of a regular menu at a designated size.

Adapter Responsive Video vs SlickNav Mobile Menu