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

Dynamic Header & Navigation for Block Themes

<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) &#8211; 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 &#8211; may be better for accessibility reasons. (added in Version 1.4.1)</li>
<li>Option: Above the header, there may be a margin set by the theme. This margin can be disabled if desired. (added in Version 1.5.1)</li>
</ul>
<p>Dynamic Header &amp; 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 &amp; Navigation for Block Themes is its simplicity:<br />
After activation, the sticky and shrinking effects work in principle immediately &#8211; 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&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;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>


Alternative Plugins for

Discover the Lists with Dynamic Header & Navigation for Block Themes