Title: KaosH&F Author: Dr.Kaos Published: October 24, 2026 Last modified: October 24, 2026 --- Search plugins ![](https://ps.w.org/kaos-header-footer/assets/banner-772x250.png?rev=3762866) ![](https://ps.w.org/kaos-header-footer/assets/icon.svg?rev=3762866) # KaosH&F By [Dr.Kaos](https://profiles.wordpress.org/drkaos86/) [Download](https://downloads.wordpress.org/plugin/kaos-header-footer.0.9.4.zip) * [Details](https://wordpress.org/plugins/kaos-header-footer/#description) * [Reviews](https://wordpress.org/plugins/kaos-header-footer/#reviews) * [Installation](https://wordpress.org/plugins/kaos-header-footer/#installation) * [Development](https://wordpress.org/plugins/kaos-header-footer/#developers) [Support](https://wordpress.org/support/plugin/kaos-header-footer/) ## Description KaosH&F builds the header and the footer of your site in two ways: pick an emotional preset and customize it, or design the layout yourself in Elementor and let the plugin add the scroll effects. **Headers** * Six layouts: classic, split (menu, centered logo, menu), custom arrangement, centered, minimal (burger + full-screen menu) and a floating glass pill. * Over 20 moods that set background, text and accent in one click, or your own colors and multi-color gradients. * Scroll effects: fixed or smart sticky (hides when you scroll down), transparent over the hero, shrinking, a different logo after the scroll, colors that adapt to the section underneath, liquid glass, a reading progress bar and animated entrances and exits. * More than a dozen hover effects for the menu, a mega menu, dropdown styles, separators and 7 burger icon styles. * A full-screen menu you can size and place, with images or short videos that change as you hover the items, plus contacts, social links and a legal link. * Text alignment and background image for the full-screen menu on smartphones. **Footers** * Layouts: columns, big emotional call to action, minimal one-liner and a custom grid where you choose rows and columns and what each cell contains (text, menu, contacts, social links, image, logo or button). * Nine top divider shapes with adjustable height, color and transparency. * A bottom bar with logo, menus, social links and copyright arranged in zones. * Entrance modes: normal, reveal (the content slides away and uncovers the footer) and reveal with parallax, plus zoom and fade entrance effects. * A “back to top” arrow you can place, restyle or hide for each footer. * Clickable address: on a phone it asks whether to open it with Maps or Google Maps. **Everywhere** * Show a template on the entire site, only on some pages, or everywhere except some pages. Switch it off on a single page from the editor screen. * Choose among 24 fonts, hosted on your own site by default (nothing is loaded from third parties). * A “KaosH&F” shortcut in the admin bar leads straight to the header and footer active on the page you are viewing. * Export and import templates as JSON. * A “Kaos Sticky” panel in the Advanced tab of Elementor sections and containers, to add the scroll effects to any single element. * Works with the theme you already use: it hides the theme header and footer automatically( Hello Elementor, Astra, GeneratePress, Kadence, OceanWP, Blocksy and block themes). * Light: plain JavaScript with no dependencies, loaded only where an effect needs it. * The interface is in English with a complete Italian translation, and it can be translated into other languages. ### External services By default the plugin makes no requests to third parties from your visitors’ browsers. The services below are used only as described: * **Google Fonts** (fonts.googleapis.com, fonts.gstatic.com): with the default “ Hosted on this site” font mode, the font files you choose are downloaded once to your server when you save a template, and visitors never contact Google. With the “Google Fonts” mode the stylesheet is loaded directly from Google. Privacy policy: https://policies.google.com/privacy * **Bunny Fonts** (fonts.bunny.net): only when selected in the plugin settings, and to preview fonts in the editor before they are downloaded. Privacy policy: https://bunny.net/privacy * **Apple Maps and Google Maps** (maps.apple.com, www.google.com/maps): the address in a footer or menu can be a link. Nothing is loaded in advance: the map app opens only if the visitor taps the address, and only then are the address and the visitor’s device exposed to the service they choose. You can turn the link off for each template. Privacy policies: https://www.apple.com/legal/privacy/ and https://policies.google.com/privacy ## Screenshots [⌊The dashboard: live previews of every header and footer.⌉⌊The dashboard: live previews of every header and footer.⌉[ The dashboard: live previews of every header and footer. [⌊The header editor with the live preview next to the settings.⌉⌊The header editor with the live preview next to the settings.⌉[ The header editor with the live preview next to the settings. [⌊The custom grid footer, with glass cells and a cloud divider.⌉⌊The custom grid footer, with glass cells and a cloud divider.⌉[ The custom grid footer, with glass cells and a cloud divider. [⌊A floating glass header over a hero section.⌉⌊A floating glass header over a hero section.⌉[ A floating glass header over a hero section. [⌊The full-screen menu with images that change on hover.⌉⌊The full-screen menu with images that change on hover.⌉[ The full-screen menu with images that change on hover. ## Installation 1. Install and activate Elementor (free version). 2. Upload the `kaos-header-footer` folder to `/wp-content/plugins/`, or install the zip from Plugins Add New. 3. Activate the plugin. 4. Open the KaosH&F menu, press “New”, and choose a header or a footer. ## FAQ ### Do I need Elementor? Yes, the plugin requires Elementor (free version) to be installed and active. You can build a header or footer from the emotional presets without touching Elementor, or design the layout in Elementor and use the plugin for the display rules and the scroll effects. ### The theme header or footer is still visible The plugin hides the header and footer of the most common themes. If yours is not recognized, open KaosH&F Settings and type the CSS selector of your theme header or footer. When a page shows no header, the “KaosH&F” menu in the admin bar tells you whether the template is switched off or excluded by its display rules. ### Why does the footer not slide away on some pages? The “reveal” mode needs to know the container of your page content. If the effect does not work with your theme, set the container selector in KaosH&F Settings. ### Does it work with page caching? Yes. The output only depends on the page being viewed, and the fonts are static files on your site. ### Is anything sent to a third party? See the External services section above. With the default settings, nothing is loaded from third parties on the front end. ### Can I translate it? Yes. The interface is in English with a complete Italian translation, and the strings use the `kaos-header-footer` text domain. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “KaosH&F” is open source software. The following people have contributed to this plugin. Contributors * [ Dr.Kaos ](https://profiles.wordpress.org/drkaos86/) [Translate “KaosH&F” into your language.](https://translate.wordpress.org/projects/wp-plugins/kaos-header-footer) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/kaos-header-footer/), check out the [SVN repository](https://plugins.svn.wordpress.org/kaos-header-footer/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/kaos-header-footer/) by [RSS](https://plugins.trac.wordpress.org/log/kaos-header-footer/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.9.4 * Styles and scripts are now added through the WordPress enqueue functions instead of being printed directly in the page. #### 0.9.3 * Footer cells with the glass style: the frosted glass is now drawn on its own layer, so hovering the links inside no longer causes dark bands or flicker on some browsers and graphics cards. #### 0.9.2 * The editor preview now updates reliably when you change the layout or any setting: the draft is sent straight to the preview page instead of being stored first, which could be skipped by some hosts and caches. #### 0.9.1 * The menu button no longer takes the look of the theme’s own buttons: with some themes it could turn blue when tapped, or show up on desktop. * The “reveal” footer no longer shows at the sides of the content with themes that have a narrow content column, such as Hello Elementor. * GeneratePress: the theme footer is now hidden when a KaosH&F footer is active. * If the font download fails, it is retried at most every 30 minutes instead of on every page view. #### 0.9.0 * Fonts are now hosted on your own site by default, so visitors never contact a third party. Bunny Fonts and Google Fonts remain available in the settings. * The interface is now in English with a complete Italian translation. * The footer has entrance effects: zoom in, zoom out, zoom from the top, bottom, left or right, and fade up. * Footer text alignment on smartphones, a clickable address that opens the maps, and a big headline with its own font and alignment. * Gradients are available for backgrounds throughout the plugin. * The full-screen menu shows its image as a background on smartphones, with the text aligned as you choose. * A new “Entire site” choice in the display rules, and a message in the admin bar that explains why a header or footer is not shown on a page. #### 0.7.0 * Footer parity with the header: custom grid, top dividers, bottom bar, link effects, back-to-top arrow and an admin bar shortcut. ## Meta * Version **0.9.4** * Last updated **3 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.8 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Tags * [elementor](https://wordpress.org/plugins/tags/elementor/)[footer](https://wordpress.org/plugins/tags/footer/) [header](https://wordpress.org/plugins/tags/header/)[scroll effects](https://wordpress.org/plugins/tags/scroll-effects/) [sticky header](https://wordpress.org/plugins/tags/sticky-header/) * [Advanced View](https://wordpress.org/plugins/kaos-header-footer/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/kaos-header-footer/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/kaos-header-footer/reviews/) ## Contributors * [ Dr.Kaos ](https://profiles.wordpress.org/drkaos86/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/kaos-header-footer/)