Anchor links issue in menu and on single page

[jamesh]

I’m using one #link within the nav and have made the area where I want the #link to go on the page within a Row asset, given it an ID and a name (although I am not using the one page navigation option). The link will smoothly scroll to that section once. However, if you then tap the nav link again, whilst on the same page, it goes too far below so it ends up being half way down a paragraph.

Additionally on the responsive menu in Firefox, the close button and header disappear when you click the #link in the navigation.

I have enclosed images. Any help would be very gratefully received!

Thanks

James

Attachments:

You must be logged in to view attached files.

[jamesh]

Any thoughts on this, support?

Thanks

James

[Rui Guerreiro – SUPPORT]

Hi,

I guess you are using a different menu now(overlay menu). can you confirm?

I checked your page settings the only wrong thing I notice and corrected was the extra class in some assets you shouldn’t place the dot before the class name.

Will forward to the development team to check the Anchor links situation.

Thanks
-Rui

[jamesh]

Hi Rui

Thanks for the response. And yes lets deal with one post rather than two. To confirm the issue has always been with the overlay menu and the mobile menu. Look forward to hearing from the developer chaps!

Thanks

James

[Swift Ideas – Ed]

Hi @jamesh

Unfortunately that is because you’re using the full URL for the link – the browser takes over that functionality. If you use just the #about link as the URL, then it will scroll as expected.

If you use the above config, then the mobile menu will close as expected.

– Ed

[Steve]

hej ed!

is there anything i can do when linking from another page?
i guess i have to provide a (full) URL plus anchor, haven’t i?

for me the worst is a firefox behavior which catches the anchor to the top left even if the anchor is in nth column! in boxed layout content of any column before is pushed to invisible left.

any clue on that?

best,

s

[Swift Ideas – Ed]

Hi @Steve,

Can you provide more info about your issue? Link and steps to replicate?

– Ed

[Steve]

Sure Ed,

genereal topic: navigating to anchors with firefox
special: anchors in several cloumns (unfortunately content might have different hights and especially for responsive that anchor has to be in column x)
my experiences: works great with dante one page nav in all browsers; works as well with anchor links
problem: firefox top left(!) triggering when used in columns
demo link: /dante/shortcodes/columns/#third (just for the syntax)
screenshot: attached

thanks in advance for your support and every day thumb up for a great theme!

best,

s

Attachments:

You must be logged in to view attached files.

[Steve]

maybe two more screenshots with larger screenshots for better coverage …
1. regular view (e.g. with one page nav)
2. miserable firefox anchor behaviour

Attachments:

You must be logged in to view attached files.

[Steve]

and yes the upload mixed it up. 😉

[Swift Ideas – Ed]

Can you provide a link to the site so that I can check it out on my browser?

– Ed

[Steve]

here we go …

https://sys.helmixx.com/dante/shortcodes/columns/

i have inserted three more buttons with according anchor links …

e.g. https://sys.helmixx.com/dante/shortcodes/columns/#third

best,

s

[Swift Ideas – Ed]

For the scrolling, try adding

extraclass="smooth-scroll-link"

as a shortcode parameter – that will enable the link to smoothly scroll to the section.

This is the issue with firefox:

Error Line 773, Column 200: End tag div seen, but there were open elements.

…class="text">Second</span></a><span style="line-height: 1.5;"></div></span>

Check your content – looks like a stray div tag in there.

– Ed

[Steve]

now integrated.

yes, scrolling is smarter but unfortunately not the solution for to the firefox behavior. same as before.

s

[Steve]

sorry for the <span>.

i reckon the solution somewhere round here …

http://stackoverflow.com/questions/28813001/horizontal-scroll-not-working-in-chrome

with maybe an addition in code like …

http://stackoverflow.com/questions/6816033/scroll-horizontally-to-anchors-and-block-y-axis

but in the end i am a designer, not a programmer. 🙁 😉

best,

s