Choose the Pages and the Location to show your DiviMenus as floating over the content!
In order to use Floating DiviMenus you must first install and activate DiviMenus. Then please follow these steps:
I have purchased through Elegant Themes Marketplace
Products purchased from The Divi Marketplace will work under your current Divi License, so no additional license is required. Just install your plugin, activate it and start using it!
The only difference between the “Divi Marketplace” version and the “DonDivi version” on our site is the License key.
Nothing to worry about!
I have purchased through DonDivi
If you have purchased this product at DonDivi, you will receive an email with the download link and your license key.
- Install the ZIP file into your website and Activate it.
- Introduce your License Key at DonDivi > Licenses and Activate it.
- Use the Check License button whenever you want to check the status of your License.
We recommend that you use the Divi Theme so you can take the most out this plugin.
Plugin Settings Page
The Plugin Settings Page helps you to easily add a Floating DiviMenu on your WordPress post and pages.
To access this page, go to the DonDivi menu and click on Floating Divimenus.
In order to add a Floating Divimenus you must set the DiviMenu to display, the destination post and pages and the location.
Secondly, choose the destination posts where you want to display the the DiviMenu.
The supported destination posts are:
- Divi Projects
- WooCommerce Products
- Search Results Page
- 404 Page
This includes posts, categories and archive pages.
For example, you may want to display a DiviMenu either on a specific page, on several pages, on a specific post category, on several categories, on a archive page, on a Divi project post, on a Divi project category, on WooCommerce products, on several WooCommerce categories, etc.
The possibilities are almost endless!
Finally, you need to tell the plugin where to display the Floating DiviMenu.
The Divimenu will be placed automagically on the selected position.
Additional notes on location
You don’t need to set the DiviMenu alignment in the DiviMenus Settings Modal. The plugin handles all the alignment logic behind the scenes so the DiviMenu is positioned correctly.
You may want some spacing. If so, you just need to set the spacing in the DiviMenus Settings Modal. For example, if you have selected the Top left location in the Floating DiviMenus settings page, you can set some top and left spacing.
This is the recommended way to add spacing to Floating DiviMenus. If for some reason you prefer to set this spacing via custom CSS, you can style the .dd-floating-divimenu, .dd-floating-divimenu-tablet and .dd-floating-divimenu-phone CSS classes.
Hide On Page Scroll (Optional)
This option will allow you to hide the DiviMenu after a page scroll.
The DiviMenu will be hidden after the page scroll offset that you have set. Please, enter the scroll value in pixels (e.g. 200px).
You can enter different values for each device. In case you don’t want to hide the DiviMenu for a device, do not enter an offset value for that device.
Don’t want to hide the DiviMenu on page scroll? Just leave all these fields empty!
Same as all Floating DiviMenus settings, you can override the offset value for single posts and pages in the Floating DiviMenu Meta Box.
If you enter an offset value in the meta box, it will be applied to the DiviMenu, no matter which value was set in the Floating DiviMenus settings.
This is the meta box that you will find in each post. As mentioned above, you can override the general settings by using it.
For example, you may want to display the Floating DiviMenu in the current post, and you may also want to hide it on mobile devices.
Changes are not reflected on front-end pages
Problem: The user goes to the Divi Library to update a DiviMenu that is being displayed as a Floating DiviMenu. Once updated in the Visual Builder, the DiviMenu is not updated on front-end pages.
Possible cause: The DiviMenu style is cached, and so the cached styles are still being applied.
Solution: Go to Divi -> Theme Options -> Builder -> clear the builder cache / disable the builder cache (generate static CSS file). You might be using a plugin cache as well. If so, empty the page cache.
The DiviMenu is only displayed in single posts and pages
Problem: The user chooses the destination (Used On), but the DiviMenu is not displayed in archive pages, only in single pages (post, pages and custom post types).
Possible cause: You are using a theme other than Divi. Those themes use different templates and the DiviMenu might not displayed in destinations other than single post and pages.