Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
How to link to different section of Hide & Seek or Scrollboard with scrolling effect?

How to link to different section of Hide & Seek or Scrollboard with scrolling effect?

You can create the scrolling links like the menu bar using the EMBED CODE tool. You can link some text OR an image to go to different section of the page. This tutorial ONLY works for Responsive Scrollboard or Responsive Hide & Seek

With single page themes like Scrollboard and Hide & Seek, each section have a marker #section1 and #1 respectively.

For these themes, the number determines which section it is with 1 being the first section directly after the main header area.

  • Drag & drop the “EMBED CODE” tool from your tool bar to where you want to insert the link
  • Click into the EMBED CODE area to insert this link code:

    Link Text

    <a class="page-scroll" href="#section2"><p>Insert your text here</p></a>

    • Here you can change the section you want to link to by changing the NUMBER in the section2 shown above.
    • Here you can insert your text here, Insert your text here, as shown above

    Link Image

    <a class="page-scroll" href="#section2"><img src="imagelink.jpg" width="100%" height="100%"/></a>

    • Here you can change the section you want to link to by changing the NUMBER in the section2 shown above.
    • Here you can insert your image link here, imagelink.jpg, as shown above

Tags: ,