Create Better Divi Headers

New Divi Section Layout: The Bottom Navigation Bar 2

by | Oct 23, 2019 | 0 comments

The Bottom Navigation Bar 2 is the second 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.

Like the Bottom Navigation Bar 1, this section layout can be used to provide the website visitors with a quick and easy access to such functionality as the contact form, search, etc.

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 2 has the following items:

  1. Contact form
  2. Search
  3. Menu

Clicking the items reveals the contact form, search form and a menu respectively. The menu has two items designed using the Blurb modules which can be duplicated thus allowing to add any amount of items to the menu (the Log In and Registration items are added for demo purposes).

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 your website conditionally (globally or to specific pages, categories, etc.).

Installation

To install the Bottom Navigation Bar 2 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. 

Licensing

The Bottom Navigation Bar 2 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.

Similar Products

Become A Member To Download

Download FREE Divi Sections

Subscribe To Our Newsletter

Join our mailing list to download Divi freebies and get notified of our discounts, latest news and updates.

You have Successfully Subscribed! Please confirm your email address.

Divi MadMenu Coming Soon!

Join our mailing list to get notified when the Divi MadMenu module is released! Check out the sneak peek...

You have Successfully Subscribed! Please confirm your email address.

Get FREE Divi Layouts

Download 20+ Divi templates for FREE!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Cyber Monday Is Coming!

Subscribe to get notified when the SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!