Front Page Navigation Anchors

Hey buddy,

An easier approach would be to use a plugin for ex Easy Smooth Scroll Links or Scroll to Anchor.

https://www.ads-software.com/plugins/easy-smooth-scroll-links/
https://www.ads-software.com/plugins/scroll-to-anchor/

Thanks.

Hi There,

Thanks for the reply, where would I need to insert the shortcodes for those plugins, as nothing is there in visual editor for the front pages?

Regards

I am trying to insert the anchors for the parallax effect. Eg the front page sections provided under theme settings — > theme options. I want to go to a url that scrolls down to that section of the front page

• This reply was modified 8 years, 2 months ago by saksham.anand.

Not sure you need a plugin, since each panel already has a built-in ID that you can use in a menu – for example:

https://2017.wordpress.net/#panel1
https://2017.wordpress.net/#panel2
https://2017.wordpress.net/#panel3

Let me know how it goes.

Awesome thank you! Just what I wanted!

As a side note, do you think its possible to have the anchors under the featured image? So when people click on a menu link, eg contact it takes them straight to contact form instead of the featured image, instead of the user scrolling down to the page content?

Regards

• This reply was modified 8 years, 2 months ago by saksham.anand.

hello,
i face the same kind of issue. i try to get to the different panels via top menu. i used the built-in IDs but what I don’t like is: it scrolls to the featured image and you have to croll manually to get to the text. Is there some way to jump a little lower? So one can see at least a part of the text?

You can try putting a div around each panel’s content in the editor (in HTML mode), with a unique ID. You’ll then be able to reference it in the link.

For example:

<div id="mypanel1">

your content

</div>

If you need specific help, please provide a link to your site.

With this anchor it scrolls too low. the topmenu is hiding the beginning of my content. ??

If you need further help please provide a link to your site.

Hi, I am now having the same problem as anikay as well, anyone got any solutions?

Thank you

• This reply was modified 7 years, 11 months ago by saksham.anand.

Hi,
How do I go into HTML mode?

Thanks.

To add or edit HTML, click the Text tab in the post editor, next to Visual.

How to create page jumps down to a specific paragraph/text section? On this page I’m need to have 3 jump downs at the top of this specific page, instead of flashy buttons that lead to new pages. https://vitperform.com/coaching/

• This reply was modified 7 years, 7 months ago by 1arlin.

@1arlin As I mentioned above, you can add an ID to an element, like this:

<h3 id="myanchor1">My Heading</h3>

Then, link to that ID in your anchor link to jump to that specific heading.

<a href="#myanchor1">Go to first anchor</a>

I’m closing this thread since it’s over 7 months old – anyone else needing further help, please start a new thread. Thanks!