Sliding Navigation Bar

  • Hello all,
    I need to implement a Sliding Navigation Bar into WordPress and I need to use WordPress Pages for this. I already created the code and added the JavaScript and the navigation works but I do not know how to keep the same slider effect when adding WordPress Pages. Can someone point me into a direction?

    <menu>
	<a href="#home">Home</a>
	<a href="#about">About Studio
	<a href="#work">Our Work</a>
	<a href="#contact">Get in Touch</a>

</menu>
<section id="home" data-speed="10" data-type="background">
  <article>
  <h3>Welcome Message</h3>
  <p>Lorem Ipsum Lorem Ipsum. </p></article>
</section>

<section id="about" data-speed="10" data-type="background">
  <article>
  <h3>Studio Services</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p.>
  </article>
</section>
<section id="work" data-speed="10" data-type="background">
  <article>
  <h3>Work Samples</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p.>
  </article>
</section>

<section id="contact" data-speed="10" data-type="background">
  <article>
  	<h3>Contact</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p.>
  </article>
</section>

  • The topic ‘Sliding Navigation Bar’ is closed to new replies.