New Divi Section Layout: The Bottom Navigation Bar 3
The Bottom Navigation Bar 3 is the third layout of the bottom navbar section layouts series. It 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 section layout can be used to provide the website visitors with a quick and easy access to the contact form, search 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.
Demo
Features
The Bottom Navigation Bar 3 has the following items:
- Contact
- Search
- Log In
Each item has a label and clicking the items reveals the contact form, search form and login form respectively. All the forms are fullwidth on phone.
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 navigation bar 3 has a toggle as well allowing the website visitors to show/hide the bar if they need so.
Requirements
Installation
To install the Bottom Navigation Bar 3 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 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.