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.

Chris Steman

<p>Lets you set breakpoints on your posts, pages and custom post types titles without having to add html to the title by setting markers in the title text field.</p>
<p>This allow for a better layout of the title on desktop version of the site and when on a mobile device it gives you the ability to remove the breakpoints by adjusting the CSS. Some of the other uses are that you can set multiple markers in the text field to highlight colours of certain words in the title.</p>


Page Title Splitter

Lets you set breakpoints on your title for your posts, pages and custom post type pages without having to add html tags to the title in the textfield  …

Dynamic Header & Navigation for Block Themes vs Page Title Splitter