Boostify Header Footer Builder for Elementor vs Floaty Header – Sticky Header, Floating Bar & Announcement Bar

Create Header and Footer for your site using Elementor Page Builder for Free. Boostify Header Footer Builder for Elementor is a powerful plugin that allows you to create – Header – Footer Pick Display Locations A custom header & footer can be displayed on a specific page or all the pages from the custom field. Built-in widgets Not like other plugins, the plugin gives the built-in widgets for the header so You don’t need to install any 3rd party plugin for the add-on widget Logo – Automatically get a logo from the customizer. You can even set a custom image as a logo with a custom link and caption. Nav Menu – Offers you list of already created menus on your website. You just need to choose the required one. Nav Mega Menu – Support to build Mega menu. Site Search – Create a search widget, it support 2 layouts: icon search and form search Retina Logo – Add Retina image for retina display Copyright – Support copyright shortcode for the footer [btf_year] [btf_site_tile][btf_site_tile] Menu Cart – Support cart icon when using WooCommerce Sticky Header Build a sticky header is easily with the plugin. It offers enabling the sticky in mobile, tablet or desktop. Uploading custom logo for sticky menu, change the background menu, all can be done via Elementor. View Tutorial View Demo Mega Menu Build a mega menu is easily with Elementor. Go to Boostify Header Footer builder -> Add new, in Type, select ‘sub mega menu’ option. Then build this sub mega menu. To add it to the header layout, in the header builder, select Nav mega menu, in this widget, select sub mega menu that’s in step one. View Tutorial View Demo Verticle Menu button (support mega menu) This widget helps create a button that click to show a vertical menu layout. To add it to the header layout, in Elementor, select Vertical menu button View Demo Work With All Themes Boostify Header Footer Builder for Elementor works with all themes. For some themes, that use action/filter in the header.php, you can intergrade it with a hook. Support WooCommerce Create a cart icon is supported on the header. It offers 2 layout for the cart content such as mini cart and sidebar cart. It also supports Ajax add to cart feature Getting Started: Let’s get you started Step #1: → Visit Dashboard > Boostify Header Footer Builder and click on the ‘Add New’. Step #2: → Select ‘Type of Template’ (header/footer). Choose the Display On (Page, custom post type, archive) Step #3: → Publish it. Step #4: → Edit & design it with Elementor Step #5: → Save it! Privacy Policy Boostify Header Footer Builder for Elementor uses Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements. Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users. Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case. Learn more about how Appsero collects and uses this data. License GNU GPL v2.0.

Floaty Header is a lightweight and flexible sticky header plugin that helps you fix any element to the top of the page when scrolling — be it your header, navigation, or an announcement bar. Perfect for improving user navigation, increasing visibility of key elements, and maintaining branding on long pages. ⚡ New: Sticky on Scroll Up With the sticky on scroll up feature, your header or navigation remains hidden while users scroll down and only becomes visible when they scroll up. This keeps your site clean, uncluttered, and content-focused while still providing easy access to navigation. This functionality is fully customizable for desktop and mobile, giving you precise control over when and where the sticky header appears. To make any element sticky, simply enter its CSS selector — whether it’s header, #site-header, .main-navbar, or more specific elements like header > div.logo-wrap or .top-bar nav.primary ul.menu. No coding required! ✨ Features ⬆️ Sticky on Scroll Up – Keep your header hidden while scrolling down and reveal it when users scroll up for better UX and unobstructed content. 🎨 Scroll Transition Effects – Smooth Fade or Slide animations when your header becomes sticky. 🖌️ Custom Sticky Background & Text Color (Mobile & Desktop) – Independently style your sticky header for both mobile and desktop with live color pickers. 📏 Offset Control – Set the scroll distance before your header sticks to the top. 📱 Mobile-Friendly Control – Option to disable sticky behavior on mobile devices. 📢 Sticky Announcement Bar Support – Make any announcement bar sticky for promotions or alerts. 🎯 Improved Styling & UI/UX – Enhanced handling for links, buttons, icons, SVGs, toggles, and form spacing in the settings page. ⚡ Optimized Performance – Lightweight updates to ensure fast, conflict-free behavior. ✅ Additional Highlights Make any element sticky – headers, announcement bars, navigation. Works with any theme or page builder. Simple, clean UI with live previews and toggles. Easy setup – no coding required.