Jump to content
Thomas33

pop-out menu not redirecting Help!

Recommended Posts

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...