Navigation Menu

Customization of navigation menu is easy. Steps for navigation menu change is given below

1. HTML Setup

<!-- main nav -->
<nav class="collapse navbar-collapse navbar-right" >
    <ul id="nav" class="nav navbar-nav menu">
        <li class="current"><a href="#body">Home</a></li>
        <li><a data-scroll href="#about">About Us</a></li>
        <li><a data-scroll href="#services">Services</a></li>
        <li><a data-scroll href="#portfolio">Portfolio</a></li>
        <li><a data-scroll href="#team">Team</a></li>
        <li><a data-scroll href="#pricing">Pricing</a></li>
        <li><a data-scroll href="#blog">Blog</a></li>
        <li><a data-scroll href="#contact">Contact</a></li>
    </ul>
</nav>
<!-- /main nav -->

You can add or replace the text for customizing the nav in li tag.
If you add new item on the navigation menu you have to add the id of that specific section in href attribute for transfer the view port to that section.

current is for current section you are in now.

2. Set your id on section

<section id="about" class="bg-one">
    ....
</section>

Was this article helpful to you? Yes No 1

How can we help?