sevenspark

<p>ShiftNav is an awesome mobile menu for WordPress.  It looks and acts like native app off-canvas slide-out menus for popular apps like Facebook, Gmail, etc.</p>
<p><a href="http://shiftnav.io/free/" rel="nofollow ugc">ShiftNav Demo</a> – see how it works</p>
<p>Get started: <a href="http://sevenspark.com/docs/shiftnav-setup" rel="nofollow ugc">ShiftNav Quick Setup Guide</a></p>
<h4>Feature Overview</h4>
<ul>
<li>Native App-Style Menus</li>
<li>Automatic Integration</li>
<li>Light & Dark Skins</li>
<li>Works with the WordPress 3 Menu System</li>
<li>Touch-enabled</li>
<li>CSS3 Transitions produce smooth animations on mobile devices</li>
<li>Configurable</li>
</ul>
<p><a href="http://sevenspark.com/docs/shiftnav" rel="nofollow ugc">Knowledgebase</a></p>
<p>Want to take your menu to the next level?  <a href="http://shiftnav.io/pro" rel="nofollow ugc">Go Pro</a></p>
<h4>Browser Compatibility</h4>
<p>ShiftNav will open with a slide transition with browsers that support it.  For browsers that don’t fully support CSS3 transforms, the menu will fall back to non-animated open/close functionality.</p>


ShiftNav – Responsive Mobile Menu

Add a native-style, off-canvas, responsive mobile navigation menu to your site.

Hans-Gerd Gerhards

<p>Options:</p>
<ul>
<li>Set height for header</li>
<li>Set height for shrinking header</li>
<li>Set Logo shrinking factor </li>
<li>Set shrinked Logo left (added in Version 1.3)</li>
<li>Set Animation duration (seconds) for shrinking header</li>
<li>Option to set a breakpoint for navigation (added in Version 1.1)</li>
<li>Option to set Off-Canvas (added in Version 1.2)</li>
<li>Option for the speed of the Off-Canvas fade-in (added in Version 1.3.1)</li>
<li>Option to disable inner spacing (padding) in header (added in Version 1.4)</li>
<li>Option to enable Text  below mobile Icon and display larger mobile menu Icon (Hamburger) – better for accessibility reasons (added in Version 1.4)</li>
<li>Option to Label Text  (added in Version 1.4)</li>
<li>Option: Menu does not appear as sticky on mobile devices – may be better for accessibility reasons (added in Version 1.4.1)</li>
</ul>
<p>Dynamic Header & Navigation for Block Themes (Previous name of the plugin: Shrinking Logo Sticky Header) is a lightweight WordPress plugin developed specifically as a navigation solution for most Block Themes.<br />
It adds a modern sticky header with smooth, animated shrinking effects for both the header and the site logo.<br />
As users scroll down the page, the header and logo automatically reduce in size, maximizing on-screen space and keeping navigation easily accessible without disrupting the browsing experience.</p>
<p>The plugin allows you to individually configure the heights for the header and logo in both their normal and shrunken states, giving you full control over your site’s appearance.<br />
These settings can be easily adjusted to match your branding or design preferences.</p>
<p>One of the key advantages of Dynamic Header & Navigation for Block Themes is its simplicity:<br />
After activation, the sticky and shrinking effects work in principle immediately – no additional setup or configuration is required.<br />
This makes it ideal for users who want a professional, dynamic header effect without dealing with complex options or custom code.</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/1_z6bQedAt8?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>Translations</h3>
<ul>
<li>(French): Thanks to <a href="https://profiles.wordpress.org/patricia70/" rel="nofollow ugc">Patricia BT</a></li>
</ul>


Dynamic Header & Navigation for Block Themes

Animated shrinking header, responsive shrinking logo, custom breakpoints and off-canvas navigation – navigation solution for block themes.

ShiftNav – Responsive Mobile Menu vs Dynamic Header & Navigation for Block Themes