Thomas33

Hey Guys, I am having issues with making my links work. I am taking a template that I like and i am trying to change from the original template in the NAV pop-out bar from a data-scroll to a direct link to the new page instead of the data-scroll. The top one is the original and the bottom is my modification page. Current style CSS3 attached as amended. 

Notepad++

Moderno by Graphberry (template)

<nav class="menu">
            <a href="#" class="close"><i class="fa fa-close"></i></a>
            <h3>Menu</h3>
            <ul class="nav">
                
                <li><a data-scroll href="#Palidin">Palidin</a></li>
                <li><a data-scroll href="#services">Service</a></li>
                <li><a data-scroll href="#Products">Products</a></li>
                <li><a data-scroll href="#Company Bio">Company Bio</a></li>
                <li><a data-scroll href="#Technicians">Technicians</a></li>
                <li><a data-scroll href="#Buyers Guide">Buyers Guide</a></li>
                <li><a data-scroll href="#Downloads">Downloads</a></li>
                <li><a data-scroll href="#Contract">Contract</a></li>
            </ul>
            <ul class="social-icons">
                <li><a href="https://www.facebook.com/CK-Custom-148723225148419/"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://twitter.com/thomas25fry"><i class="fa fa-twitter"></i></a></li>
                <li><a href=""><i class="fa fa-dribbble"></i></a></li>
                <li><a href=""><i class="fa fa-behance"></i></a></li>
                <li><a href=""><i class="fa fa-pinterest"></i></a></li>
            </ul>
        </nav>

___________________________________________________________________________________________________________________________

<nav class="menu">
            <a href="#" class="close"><i class="fa fa-close"></i></a>
            <h3>Menu</h3>
            
            <div id="navitabs">
            <ul class="nav">    
                <li><a class="navitab" href="index.html">Palidin</a></li>
                <li><a class="navitab" href="Services.html">Service</a></li>
                <li><a class="navitab" href="Products.html">Products</a></li>
                <li><a class="navitab" href="Companybio.html">Company Bio</a></li>
                <li><a class="navitab" href="Technicians.html">Technicians</a></li>
                <li><a class="navitab" href="Buyersguide.html">Buyers Guide</a></li>
                <li><a class="navitab" href="Downloads.html">Downloads</a></li>
                <li><a class="navitab" href="Contracts.html">Contract</a></li>
            </ul>
            <ul class="social-icons">
                <li><a href="https://www.facebook.com/CK-Custom-148723225148419/"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://twitter.com/thomas25fry"><i class="fa fa-twitter"></i></a></li>
                <li><a href=""><i class="fa fa-dribbble"></i></a></li>
                <li><a href=""><i class="fa fa-behance"></i></a></li>
                <li><a href=""><i class="fa fa-pinterest"></i></a></li>
            </ul>
            </div>
        </nav>

style.css