One Page Nav Functionality

[ckgerard]

Hi

I was wondering if it’s possible to link to a section (row) further down the page from a text link at the top?

They same way one page navigation works but without the interface at the side.

Is it possible using Row ID and Row Section Names?

Best wishes

C

[Mohammad – SUPPORT]

Hi,
I just resolve it so please check it now.
Thanks
Mohammad

[ckgerard]

Thanks Mohammad,

Is it possible to incorporate the smooth-scroll effect here too?

Best wishes,

C

[Mohammad – SUPPORT]

Hi,
Please add smooth-scroll-link class to this link.
Thanks
Mohammad

[ckgerard]

Thanks Mohammad. I tried the following but it’s not working. Is this what you meant?

<h1>LINK TO ROW FURTHER DOWN |TWO</h1>

Best wishes,

C

[Mohammad – SUPPORT]

Hi,
I have changed it and now it should work.
Thanks
Mohammad

[ckgerard]

Thank you Mohammad. It still seems to jump to the row rather than scroll. I’ve tried in Firefox, Safari and Chrome. Does it work for you? Any ideas why mine is doing this?

Best wishes,

c

[Mohammad – SUPPORT]

Hi,
I have resolved the issue so please check it now. I have inserted some custom js at Admin -> Theme Options -> Custom CSS/JS -> Custom JS.

<script>
jQuery( document ).ready(function($) {
$('a.smooth-scroll-link').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
  });
</script>

Thanks
Mohammad

[ckgerard]

Beautiful! Thank you so much Mohammad. You’re the best!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad

[ckgerard]

Hello again,

This all seems to be working fine now but it doesn’t seem to take into account the height of the top nav. So it obscures the section title. Is there a fix for this?

Also, is it possible to target these row IDs from a sub nav dropdown from the main navigation or does that only work for pages?

Best wishes,

C

[Mohammad – SUPPORT]

Hi,
1- I am not getting you exactly. Please attach a marked screenshot.

2- You can target form sub nav dropdown.

Thanks
Mohammad

[ckgerard]

Hi Mohammad

1. Screenshot attached. It aligns the top of the row to the top of the screen so the section title is obscured by the top nav menu bar. Is there a way of correcting this by taking into account the menu height?

2. Thank you – I see that now and that is now working.

Best,

C

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

You have an error in your javascript console about a web font called transatstandard
Maybe the font name isn’t correct.

Not sure what is causing that vertical offset in the anchor links, will have to forward to the development team.

Thanks.

-Rui

[ckgerard]

Oh – Thanks Rui. How would I go about fixing that? Where would I find it?

Best

C