Choose the Pages and the Location to float your DiviMenus!
Make it Float!
Display globally, Edit locally.
- DiviMenus Admin Page: Display a global Floating DiviMenu on All your Pages, Specific Categories, Search Results, 404 Page, etc.
- Meta box: Hide, Replace or Relocate a DiviMenu from a single Post or Page, by using the Floating DiviMenus meta box.
Full control from outside Visual Builder.
No Floating DiviMenu will bother you when editing a page from Visual Builder!
The main advantage of Floating DiviMenus is that you can add them to your pages without entering them, since as you know any floating element within Visual Builder makes it difficult to select and edit other modules on the page.
Example 1
DiviMenu with just 1 Menu Item floating on a Product Category
Example 2
DiviMenu with 6 Menu Items floating on a Product Category
The Floating DiviMenus Settings
Floating DiviMenus Settings Page
Display 1 Floating DiviMenu simultaneously on All your Pages, Specific Categories, Search Results, 404 Page, etc.
DiviMenu
Select a DiviMenu from your Divi Library to make it float over the content. You can select a different DiviMenu for each device (Desktop, Tablet, Phone). For example, you may choose an horizontal DiviMenu for Desktop and a semicircular DiviMenu for Mobile.
Use On
Display your DiviMenu on:
PAGES | POSTS | PROJECTS
Archive | Category
PRODUCTS (WooCommerce)
Archive | Category
OTHER PAGES
Search Results | 404 Page
Location
Customize it for each device!
TOP
Left | Center | Right
MIDDLE
Left | Center | Right
BOTTOM
Left | Center | Right
NEW! Hide On Page Scroll
Enter an offset value in pixels (e.g. 100px) if you want to hide the DiviMenu after a page scroll offset. Leave empty in case you don’t want this effect to be applied. Learn more.
Floating DiviMenus Meta Box
You can also overwrite the General Settings from the Meta Box that you will find editing each page!
Everything is possible from the Floating DiviMenus Meta Box!
- Do you want to hide your Floating DiviMenu on a specific page?
- Do you want to show a different DiviMenu there?
- Do you prefer to position it in another location on Phone devices?
Demo Videos
Check out these videos to learn more about everything you can achieve by adding this incredible Add-on to your DiviMenus module.
Video 1
Floating DiviMenus – Getting Started
- Design a DiviMenu
- Save it into your Divi Library
- Go to the Floating DiviMenus Settings Page
- Select the previously saved DiviMenu and Choose the Pages and the Location where you want it to be displayed.
- You can Override this General Settins for a Specific Page from the Floating DiviMenus Meta Box located on “Edit Page”.
- In order to separate your Floating DiviMenu from the screen borders, go to DiviMenus -> Design Tab > Spacing > Margin.
Video 2
Introducing Floating DiviMenus
- Replicate the DonDivi “Academy” layout and keep learning!
- Happy building!
Video 3
How to Display 1 Floating DiviMenu on a Product Category and Replace it on a Specific Product.
- We have 2 DiviMenus stored in our Divi Library: “30%” and “Coming Soon”.
- From the Floating DiviMenus Settings Page we want the DiviMenu “30%” to be displayed on the Products Category “Watches” and the Single Products pages.
- We edit the “Watch 3” Product, go to the Floating DiviMenus Meta Box and replace the DiviMenu “Default” by the DiviMenu “Coming Soon”.