Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › One Page Nav Functionality
New Landing › How can we help? › Themeforest Theme Support › Dante › One Page Nav Functionality
- This topic has 29 replies, 6 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Dante
-
November 21, 2014 at 3:12 pm #130070
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
November 22, 2014 at 11:33 am #130197Hi,
I just resolve it so please check it now.
Thanks
MohammadNovember 24, 2014 at 10:51 am #130490Thanks Mohammad,
Is it possible to incorporate the smooth-scroll effect here too?
Best wishes,
C
November 24, 2014 at 10:56 am #130497Hi,
Please add smooth-scroll-link class to this link.
Thanks
MohammadNovember 24, 2014 at 11:16 am #130505Thanks 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
November 24, 2014 at 11:39 am #130512Hi,
I have changed it and now it should work.
Thanks
MohammadNovember 24, 2014 at 12:00 pm #130517Thank 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
November 24, 2014 at 12:54 pm #130550Hi,
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
MohammadNovember 24, 2014 at 1:01 pm #130558Beautiful! Thank you so much Mohammad. You’re the best!
November 24, 2014 at 1:01 pm #130559Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
MohammadNovember 25, 2014 at 3:45 pm #130972Hello 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
November 26, 2014 at 3:26 am #131174Hi,
1- I am not getting you exactly. Please attach a marked screenshot.2- You can target form sub nav dropdown.
Thanks
MohammadNovember 26, 2014 at 10:31 am #131268Hi 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.November 27, 2014 at 4:54 pm #131814Hi,
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
November 27, 2014 at 5:10 pm #131820Oh – Thanks Rui. How would I go about fixing that? Where would I find it?
Best
C
-
Posted in: Dante
You must be logged in to reply to this topic.