New Divi Section Layout: The Bottom Navigation Bar 1
The Bottom Navigation Bar 1 layout is a Divi section layout which adds a fixed menu bar at the bottom of the screen which always stays in the viewport while the page content is being scrolled.
This fixed menu bar can be used to provide the website visitor a quick and easy access to such functionality as contact form, social media follow icons, search, etc.
It can be enabled/disbled for different devices(desktop, tablet and phone) as any other section using the built in section visibility options.
Demo
Features
The Bottom Navigation Bar 1 has the following items:
- Contact
- Social Media Follow
- Search
Clicking the items reveals the contact form, social media networks and search form respectively. These are some of the most used functionalities of any website and having them always in the viewport for easier access provides a better UX for the website visitors.
The bottom navigation bar comes with a toggle as well which allows the website visitors to show/hide the bar if they need so.
Requirements
This section layout works with any of the latest versions of Divi but using the v4.x is recommended since it introduces the Divi Theme Builder which allows adding the Bottom Navigation Bar section layout to website conditionally (globally or to specific pages, categories, etc.).
Installation
To install the Bottom Navigation Bar 1 section layout first import the downloaded JSON file into the Divi Library.
Then open the layout which you would like to add this section to, ideally it would be a footer layout.
And it from Divi Library (add it as section but not as layout) preferrably as the very last section at the bottom of your layout and save.
After that you can customize and edit the contents of the section either in Visual or Wireframe mode of the Divi Builder.
Licensing
The Bottom Navigation Bar 1 is part of the Membership offer and is available to annual and lifetime members. Purchasing this section layout individually is not available.
Documentation
For more detailed information about the usage, customization and troubleshooting please read the documentation.
Hi
Thank you for this bottom navbar.
The demo looks really great and will be very useful but only one thing is that when you subscribe to download the email that is supposed to be sent to me to confirm your email does not arrive in my email box.
Hi Shane,
sometimes delivery may take a bit longer, check your inbox later again. Please note that the Bottom Navigation Bar section layout is not included in the Freebies package but is available to annual and lifetime members only, as it is mentioned in the Licensing section of the post.