Limited offer - Lifetime plan now with 25% discount - Learn more

Floating Elementor section

Futurio

  1. Home
  2. Docs
  3. Futurio
  4. Drag & Drop Page Builders
  5. Floating Elementor section

Floating Elementor section

With Elementor you can make some element floating (stick to top). This is perfect if you create Custom header with elementor and need to stick the menu.

How to?

  1. Create a section (Must be a Section, not column or element…!!!)
  2. Edit the section and switch tab to “Advanced”
  3. In the “CSS ID” add futurio-floating
  4. Save the section

Section floating is disable while you edit the page with Elementor. Switch to frontend and check the result.

Known bug:

Do not use the floating section as the first Elementor section. If you need it as first section, create before it one more (you can remove all gaps = will be hidden).

Important note: You can use only 1 sticky element per page (including default sticky menu!)

Sticky Elementor section demos: Example #1

Futurio PRO

  • Lifetime Support
  • Priority Support
  • Unlimited Domains
  • Lifetime Usage
  • PRO Demos
  • 800+ Google Fonts
  • Color Options
  • Elementor Widgets
  • WooCommerce Integration
  • ... and much more

Futurio PRO Lifetime

25% off

sale

  • Lifetime Support
  • Priority Support
  • Unlimited Domains
  • Lifetime Usage
  • PRO Demos
  • 800+ Google Fonts
  • Color Options
  • Elementor Widgets
  • WooCommerce Integration
  • ... and much more