New Divi Section Layout: The Bottom Navigation Bar 5
Bottom Navigation Bar 5 is a Divi section layout which adds a fixed menu bar at the bottom of the screen.
This section layout can be used to provide the website visitors with a quick access to a simple menu, the contact form, search form and login form.
It can be activated for different devices(desktop, tablet and phone) as any other section using the built in section visibility options.
The Bottom Navigation Bar 5 has four items:
- Log In
Clicking the items reveals a simple menu, contact form, search form and login form respectively. The menu items are created using the Blurb module, and the other three items use the Contact, Search and Login modules.
Icons used for the items are taken from the flaticon.com, you can use this online service to change the icons if you need (icon dimensions should be 16×16).
The bottom navbar-5 has a toggle as well allowing the website visitors to show/hide the bar if they need. It is positioned in the middle of the navbar and has an animated hamburger icon.
The installation is straight forward. To install the Bottom Navigation Bar 5 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 (a footer layout).
And it from Divi Library as section, 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 navbar section either in Visual or Wireframe mode of the Divi Builder(the navbar toggle will not be visible in DB because it is added using custom CSS and JS).
Become A Member To Download
Download FREE Divi Sections
Download Divi Freebies!
Join our mailing list to receive exclusive FREE file downloads, news and updates right in your inbox.
Your site wont send me email (so I can confirm and download) I have tried 3 times with no luck (and yes, I have checked my spam)
it’s probably because you’ve already subscribed and confirmed your email address before. This layout (the Bottom Navigation Bar 5) is not included in the Freebies Package but is available to members only. The Freebies package has been sent to you right after you confirmed your email address, please search your inbox for the Welcome email from Divicio.us with the download link.