- This topic has 11 replies, 3 voices, and was last updated 3 years, 7 months ago by Leo.
October 6, 2018 at 1:44 pm #695083Jacob
I’ve added this code to the page:
<h3>Test Jump Link</h3>
I have also enabled Smooth Scroll within Customize > General .
I have the link “https://new.smartdogowners.com/supplements/#posts” within my nav bar, under the item Health and Safety > Dog Supplements , however I’m not seeing any smooth scroll.
Any thoughts / tips?
Thanks!GP Premium 1.7.2October 6, 2018 at 1:45 pm #695084Jacob
Woops, looks like my html rendered. Updated code below 🙂
<h3><a class="smooth-scroll" id="posts" >Test Jump Link</a></h3>October 6, 2018 at 5:32 pm #695176LeoStaffCustomer Support
Looks like your missing the link in the
Try this format here:
Let me know if this helps 🙂October 8, 2018 at 8:44 am #696283Jacob
No dice, here’s the updated code:
<h3><a href="#posts" class="smooth-scroll"></a>Test Jump Link</h3>
It looks like using the format above, the jump link no longer works in addition to no smooth scroll.
Can you take a look?
I’m linking to: https://new.smartdogowners.com/supplements/#posts within the Nav item – Health and Safety > Dog SupplementsOctober 8, 2018 at 9:34 am #696328LeoStaffCustomer SupportOctober 8, 2018 at 12:40 pm #696534Jacob
Hi Leo, thanks for the quick response. Updated, no change on my end. Any other ideas?October 8, 2018 at 2:12 pm #696588threepoint
Hope you don’t mind me jumping in to assist. When using anchors, there needs to be a “target” for your anchor link to scroll to. I couldn’t find this at your link.
Take this for example:
<p><a href="#posts" class="smooth-scroll">Anchor me down</a></p> <p>Some text here</p> <a name="posts"></a><h2>New Section</h2>
On the third line is the target which your link should jump to, or in this case smooth scroll to.
Hope that helps? 🙂October 8, 2018 at 3:04 pm #696619Jacob
Hi Three Point, no worries and thank you!
Let’s say I wanted to have people smooth scroll to the text “Anchor me down”, how would I go about that?October 8, 2018 at 3:33 pm #696624Jacob
As is, that doesn’t work on my end, unfortunately.October 8, 2018 at 6:27 pm #696691LeoStaffCustomer Support
Try this method instead:
Then make sure you use the full link for the Custom link URL, with
smooth-scrolladded as a custom class.October 13, 2018 at 2:18 pm #700355Jacob
I feel like we are going in circles.
I’ve tried all the above, the most recent recommendation
<a class="smooth-scroll" name="posts">Test Jump Link</a>
With the nav item pointing to the full URL
<a href="https://new.smartdogowners.com/supplements/#posts">Dog Supplements</a>
Isn’t working for me.
I also tried adding back in the href, as seen below:
a class="smooth-scroll" href="#posts" name="posts">Test Jump Link</a>
That isn’t working as well.
Can you type out exactly what I need to add?October 13, 2018 at 9:03 pm #700444LeoStaffCustomer Support
Sorry – I just noticed that you are jumping from one page to another.
Unfortuantely this isn’t supported by by our smooth scroll script currently:
My apologies to put you in a circle!
- You must be logged in to reply to this topic.