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><iframe loading="lazy" title="Presentation Plugin Dynamic Header Navigation for Block Themes" width="750" height="422" src="https://www.youtube.com/embed/1_z6bQedAt8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></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