### Combo Nav

Combo Nav is an additional layout system of Falcon where you can place both Navbar Top and Navbar Vertical in a same page.

Combo Nav Example Page

##### Html

Convert any page to Combo Nav layout easily by using Falcon's Navbar Vertical and Navbar Top . The structure of combo nav layout will like this:

    <main class="main">
      <div class="container" data-layout="container">

        <!-- Set data-navbar-top="combo" attribute to the navbar top element as describe in step 1 in the responsive behaviours section-->
        <nav class="navbar navbar-vertical navbar-expand-xl navbar-light">
          <div class="collapse navbar-collapse">
            <div class="navbar-vertical-content scrollbar">

              <!-- Your navbar vertical content-->

              <!-- Set a unique ID to the navbar vertical element as describe in step 2 in the responsive behaviours section  -->
              <div class="navbar-nav" id="yourUniqueID">

                <!-- Nav elements-->
              </div>
            </div>
          </div>
        </nav>
        <div class="content">

          <!-- Set the unique ID to data-move-target attribute which you added in step 2 as describe in step 3 in the responsive behaviours section -->
          <nav class="navbar navbar-expand-lg navbar-light navbar-glass navbar-top" data-move-target="#yourUniqueID" data-navbar-top="combo">

            <!-- Your navbar top content here-->
          </nav>

          <!-- Your page content wil go here-->
        </div>
      </div>
    </main>

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize