Header Footer Builder for Elementor
Looking for the easiest way to create custom header and footer in Elementor? Turbo Header Footer Builder for Elementor is the ultimate free solution to design, customize, and control your website’s header and footer without touching a single line of code. Get Advanced Features for Modern Website Design — Explore Turbo Addons For Elementor Whether you’re building a business site, eCommerce store, or personal blog, this plugin gives you complete control over your header and footer designs — directly inside Elementor’s drag-and-drop editor. Why Choose Turbo Header Footer Builder For Elementor? User-Friendly: Designed for beginners and advanced users alike No coding required — design entirely in Elementor Works with both Elementor Free and Elementor Pro Advanced conditional display rules for different pages. Lightweight, SEO-friendly, and performance optimized Key Features **Essential Elementor Widgets for Header and Elementor Footer Builder** Navigation Menu Widget – Build fully customizable menus with dropdowns, hover effects, and responsive controls. Site Logo Widget – Display dynamic site logo with custom link, width controls, and responsive options. Icon Button Widget – Create modern icon-based buttons with full styling controls. Top Bar Widget – Add contact info, social icons, announcements, or custom text in a stylish top bar. Copyright Widget – Add footer copyright text with dynamic year, company name, and full typography & styling options. **Header Builder** Customizable Header Templates: Design fully customizable headers using Elementor’s drag-and-drop interface. Display Conditions: Define when and where your header should appear on different pages, posts, or custom post types. Global or Page-Specific Headers: Set headers globally across the site or assign them to specific pages. Header Style Options: Customize the header style, including background color, fonts, spacing, and more. Live Editing and Preview: Use Elementor’s live preview to make real-time changes to your header. Exclude Header from Specific Pages: Choose pages where the header should not appear, giving you granular control over your site’s design. Sticky Header: Make your Elementor sticky header remain at the top of the page when scrolling. Scroll Animation: Add animation effects to headers that stay at the top while scrolling. Edit Display Conditions: After creating the header template, you can easily edit the display conditions from the template list by clicking the Edit Condition button. **Header Effects** Transparent to Solid on Scroll: Start with a transparent header that smoothly transitions into a solid background as visitors scroll down the page. Configurable Scroll Distance: Set exactly when the effect kicks in with a custom scroll distance. Custom Solid Background Color: Choose the solid background color your header changes to after scrolling. Bottom Shadow: Add a subtle bottom shadow for a polished, sticky look. Editor-Integrated Panel: Configure everything right inside the Elementor editor — no code needed. Open any Section or Container in a header template, go to the Advanced tab, and find the Header Effects panel. **Mega Menu** Assign Elementor Templates: Turn any top-level menu item into an Elementor mega menu by assigning an Elementor template to it — right from Appearance → Menus. Hover or Click Trigger: Open the mega panel on hover or on click, and close it by clicking outside. Full-Width, Custom & Default Widths: Give each menu item a full-width (100vw), custom-width, or default-width panel. Panel Width & Alignment Controls: Responsive panel width (px, %, vw) plus left / center / right alignment relative to the screen. Responsive Mobile Menu: A hamburger toggle with a scrollable, accordion-style mobile menu and full-width dropdown. Complete Styling: Typography, color, background, border, shadow, divider, and hover/active styling for menu items, dropdowns, and the panel. AJAX Loading: Load large Elementor mega menu content on demand for better performance. **Footer Builder** Customizable Footer Templates: Create fully customizable footer layouts using Elementor’s drag-and-drop interface. Conditional Display Rules: Define when and where your footer should appear, including options to target specific pages, posts, or user roles. Multiple Footer Layouts: Choose from various footer layouts to quickly set up your footer or create one from scratch. Global and Page-Specific Footers: Easily set footers globally or assign them to specific pages, post types, or custom post types. Preview and Live Editing: Use Elementor’s live preview feature to make adjustments and see changes in real-time. The Footer Builder gives you complete control over your footer’s design, layout, and visibility, all from within the intuitive Elementor interface. Visual Dashboard Features (Based on Plugin UI) Your Elementor header footer builder managed in a simple modal-based interface directly inside WordPress: Quick Create Modals — Create headers or footers without leaving the template list screen. Include Pages Selector — Choose individual pages or “Select All” for global use. Display Conditions Dropdown — Choose where the header/footer appears: Entire Site All Blog Posts All Archive Pages All WooCommerce Products (only appear when woocommerce installed) All WooCommerce Pages (only appear when woocommerce installed) Exclude Pages Selector — Exclude specific pages where the design shouldn’t appear. Header Style Options: Make Header Sticky Enable Scroll Animation Inline Editing — Update conditions instantly from the “Edit Conditions” modal without rebuilding templates. This visual system ensures fast setup and easy customization for all WordPress users — even beginners. Benefits of Using Elementor Header Footer Builder Completely Free: Unlock all advanced features completely free Save Time: Quickly create custom header and footer in Elementor without coding. Boost Performance: Optimized for speed and minimal resource usage SEO Friendly: Clean, semantic HTML output for better search rankings Responsive Design: Looks great on all devices Regular Updates: Continuous improvements and new features Active Support: Get help from our dedicated support team Extensive Documentation: Comprehensive guides and tutorials available Installation Steps Log into your WordPress admin dashboard Navigate to Plugins > Add New In the search bar, type “Header Footer Builder for Elementor” Click Install Now next to the plugin After installation, click Activate to enable the plugin How to Create Custom Header and Footer in Elementor Creating a Custom Header Go to Turbo H&F Builder > Header Templates Click Add New Header Template Enter a name for your header template. Select the page if the header is for a specific page, or leave it if it applies globally. Set display conditions for pages or post types. Select pages to Exclude the header from if needed, or leave it blank to apply globally. Mark the checkbox to Set the Header Style for Sticky or Scroll Animation you can select both Click the Create button; you will be redirected to the Elementor editor Use Elementor’s drag-and-drop interface to create your header template Creating a Custom Footer Go to Turbo H&F Builder > Footer Templates Click Add New Footer Template Enter a name for your Footer template. Select the page if the footer is for a specific page, or leave it if it applies globally. Set display conditions for pages or post types. Select pages to Exclude the footer from if needed, or leave it blank to apply globally. Click the Create button; you will be redirected to the Elementor editor Use Elementor’s drag-and-drop interface to create your footer template Conditional Display Rules Set up smart display rules for your headers and footers: Page Types: Home, Blog, Single Post, Archive, etc. Custom Post Types: Specific headers for products, services, etc. Device Types: Mobile-specific or desktop-specific designs Date/Time: Seasonal or time-based header changes Performance & Compatibility Optimized for Speed: Minimal CSS/JS, clean HTML output Compatible With: Elementor (Free & Pro) WooCommerce All major WordPress themes WPML & Polylang Getting Help: Documentation: Visit our comprehensive documentation Support Forum: Get help from our community Email Support: Contact our support team directly Video Tutorials: Step-by-step video guides License Turbo Header Footer Builder for Elementor is licensed under the GNU General Public License v3 or later. Credits Developed by TurboAddons team with contributions from the WordPress community. Transform your website’s header and footer with Turbo Header Footer Builder for Elementor – the ultimate solution for custom header and footer design!
Top keywords
- header43×3.33%
- elementor33×2.55%
- footer33×2.55%
- pages17×1.31%
- custom14×1.08%
- builder13×1.01%
- display11×0.85%
- template11×0.85%
- footer builder10×0.77%
- design9×0.70%
- menu9×0.70%
- click8×0.62%
Really Simple Security – Simple and Performant Security (formerly Really Simple SSL)
Easily improve site security with WordPress Hardening, Two-Factor Authentication (2FA), Login Protection, Vulnerability Detection and SSL certificate. Really simple, Effective and Performant WordPress Security Really Simple Security is the most lightweight and easy-to-use security plugin for WordPress. It secures your WordPress website with SSL certificate generation, including proper 301 https redirection and SSL enforcement, scanning for possible vulnerabilities, Login Protection and implementing essential WordPress hardening features. We believe that security should have the absolute minimum effect on website performance, user experience and maintainability. Therefore, Really Simple Security is: Lightweight: Every security feature is developed with a modular approach and with performance in mind. Disabled features won’t load any redundant code. Easy-to-use: 1-minute configuration with short onboarding setup. Security Features Easy SSL Migration Migrates your website to HTTPS and enforces SSL in just one click. 301 redirect via PHP or .htaccess Secure cookies Let’s Encrypt: Install an SSL Certificate if your hosting provider supports manual installation. Server Health Check: Your server configuration is every bit as important for your website security. WordPress Hardening Tweak your configuration and keep WordPress fortified and safe by tackling potential weaknesses. Prevent code execution in the uploads folder Prevent login feedback and disable user enumeration Disable XML-RPC Disable directory browsing Username restrictions (block ‘admin’ and public names) and much more.. Vulnerability Detection Get notified when plugins, themes or WP core contain vulnerabilities and need appropriate action. Login Protection Allow or enforce Two-Factor Authentication (2FA) for specific user roles. Users receive a two-factor code via Email. Improve Security with Really Simple Security Pro Protect your site with all essential security features by upgrading to Really Simple Security Pro. Advanced SSL enforcement Mixed Content Scan & Fixer. Detect files that are requested over HTTP and fix them to HTTPS, both Front- and Back-end. Enable HTTP Strict Transport Security and configure your site for the HSTS Preload list. Firewall Really Simple Security Pro includes a performant and efficient WordPress firewall, to stop bots, crawlers and bad actors with IP and username blocks. 404 blocking – Blocks crawlers as they trigger unusual numbers of 404 errors. Region blocking – Only allow/block access to your site from specific regions. Automated and customisable Firewall rules. IP blocklist and allowlist. Security Headers Security headers protect your site visitors against the risk of clickjacking, cross-site-forgery attacks, stealing login credentials and malware. Independent of your Server Configuration, works on Apache, LiteSpeed, NGINX, etc. Protect your website visitors with X-XSS Protection, X-Content-Type-Options, X-Frame-Options, a Referrer Policy and CORS headers. Automatically generate your WordPress-tailored Content Security Policy. Vulnerability Measures When a vulnerability is detected in a plugin, theme or WordPress core you will get notified accordingly. With Vulnerability Measures, you can configure simple but effective measures to make sure that a critical vulnerability won’t remain unattended. Force update: An update process will be tried multiple times until it can be assumed development of a theme or plugin is abandoned. You will be notified during these steps. Quarantine: When a plugin or theme can’t be updated to solve a vulnerability, Really Simple Security can quarantine the plugin. Advanced Site Hardening Choose a custom login URL Automated File Permissions check and fixer Rename and randomize your database prefix Change the debug.log file location to a non-public folder Disable application passwords Control admin creation Disable HTTP methods, reducing HTTP requests Login Protection Secure your website’s login process and user accounts with powerful security measures. Two-Step verification (Email login) 2FA (two factor authentication) with TOTP Passwordless login with passkey login Enforce strong passwords and frequent password change Limit Login Attempts With Limit Login Attempts you can configure a threshold to temporarily or permanently block IP addresses or (non-existing) usernames. You can also throw a CAPTCHA after a failed login (hCaptcha or Google reCaptcha) Access Control Restrict access to your site for specific regions. Add specific IP addresses or IP ranges to the Blocklist or Allowlist. Useful Links Documentation Security Definitions Translate Really Simple Security Issues & pull requests Feature requests Love Really Simple Security? If you want to support the continuing development of this plugin, please consider buying Really Simple Security Pro, which includes some excellent security features and premium support. About Really Simple Plugins Our mission is to make complex WordPress requirements really easy. Really Simple Security is developed by Really Simple Plugins. For generating SSL certificates, Really Simple Security uses the le acme2 PHP Let’s Encrypt client library, thanks to ‘fbett’ for providing it. Vulnerability Detection uses WP Vulnerability, an open-source initiative by Javier Casares. Want to join as a collaborator? We’re on GitHub as well!