KaosH&F

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