Thomas33 Posted December 10, 2017 Share Posted December 10, 2017 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now