Dynamic Header & Navigation for Block Themes

الوصف

Options:

  • Set height for header
  • Set height for shrinking header
  • Set Logo shrinking factor
  • Set shrinked Logo left (added in Version 1.3)
  • Set Animation duration (seconds) for shrinking header
  • Option to set a breakpoint for navigation (added in Version 1.1)
  • Option to set Off-Canvas (added in Version 1.2)

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.
It adds a modern sticky header with smooth, animated shrinking effects for both the header and the site logo.
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.

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.
These settings can be easily adjusted to match your branding or design preferences.

One of the key advantages of Dynamic Header & Navigation for Block Themes is its simplicity:
After activation, the sticky and shrinking effects work in principle immediately – no additional setup or configuration is required.
This makes it ideal for users who want a professional, dynamic header effect without dealing with complex options or custom code.

Translations

  • (French): Thanks to Patricia BT (https://profiles.wordpress.org/patricia70/)

لقطات الشاشة

التنصيب

  1. Go to Plugins in the Admin menu
  2. Click on the button Add new
  3. Search for shrinking Logo Sticky Header and click ‘Install Now’ or click on the upload link to upload shrinking-logo-sticky-header.zip
  4. Click on Activate plugin

الأسئلة المتكررّة

Is it possible to use this plugin also for classical Themes (e. g. Astra, OceanWP, GeneratePress)?

Classic themes sometimes offer such an option, but possibly only in a paid version. This plugin can only be used with block themes.

Is it possible to use this plugin for all Block Themes?

Tested with Twenty Twenty-Three, Twenty Twenty-Four, Twenty Twenty-Five, Circles WP.
If the plugin does not work with your block theme, please write to the support forum. I will then see what I can do.

Why is the sticky header transparent and how can I change this?

The template part for the header is initially transparent in many block themes.
For this reason, the background colour of the outer group block for the header must be changed to a colour such as white, for example.
If the header has a background colour, then the header ‘covers’ the content when scrolling. See also the screenshot.

Can you show me examples that demonstrate these effects?

Yes, with pleasure:
https://haurand.com/ and https://space4.yd-sgs.de/

Is there any documentation and further information about the plugin?

Yes, of course:
* (English): https://haurand.com/plugin-shrinking-logo-sticky-header/
* (German): https://haurand.com/das-plugin-shrinking-logo-sticky-header/

المراجعات

26 يونيو، 2025 2 replies
Nice to find a quick and simple way to make a site’s sticky header and logo shrink a bit when you start scrolling down the page, for block themes. Got used to doing it easily with page builders, couldn’t find a no-code way to do it in FSE. Hopefully this functionality will one day be a WP core option. Worked fine in the Twenty Twenty-Five theme as soon as I activated it, and there are controls to fine-tune the sizing if you want to.
إقرأ جميع المراجعات 1

المساهمون والمطوّرون

“Dynamic Header & Navigation for Block Themes” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.

المساهمون

لقد تم ترجمة ”Dynamic Header & Navigation for Block Themes“ إلى لغتين. شكراً إلى جميع المُترجمين لمُساهماتهم.

ترجمة ”Dynamic Header & Navigation for Block Themes“ إلى لغتك.

مُهتم بالتطوير؟

تصفّح الشفرة، تحقق من مستودع SVN، أو الاشتراك في سجل التطوير بواسطة RSS.

سجل التغييرات

1.3: June 22, 2025

  • Added: Optional setting of background Color for Header
  • Added: Optional setting to move the shrunk logo to the left
  • Added: Notice for review

1.2: May 22, 2025

  • Added: Optional Off-Canvas-Menu
  • Added: Uninstall: Delete the Options in Table when unistalling this Plugin
  • Renaming the Plugin: “Dynamic Header & Navigation for Block Themes” instead of previous name of the plugin: “Shrinking Logo Sticky Header”
  • Updating the language files
  • Fix: Loading language Files Notice: “This plugin is not properly prepared for localization.”
  • Enhancements: Code improvement (Delete superfluous option)

1.1: May 9, 2025

  • Added: Optional Breakpoint settings
  • Enhancements: Code improvement

1.0: May 1, 2025

  • Enhancement: Security (Additional escaping of the values)
  • Enhancement: Rename the text domain due to Internationalize this plugin
  • Check with Plugin Check: “Check completed. No errors were found.”

0.4.4: April 26, 2025

  • Enhancement: Optimize CSS

0.4.3: April 26, 2025

  • Added: Option for Logo shrinking factor (Value in 0.05 steps)
  • Enhancement: CSS optimised

0.4.2: April 26, 2025

  • Added: Translation option and Translation files in language folder
  • Added: Option for Header Height

0.4.1: April 25, 2025

  • Fix: Issue with inner group

0.4: April 25, 2025

  • Added Settings in Backend for Heigth of Header/Logo, Animation duration

0.3: April 24, 2025

  • Optimized shrinking effect

0.1: April 24, 2025

  • Birthday of shrinking Logo Sticky Header