Anchor Scroll Dekstop/Mobile

[saschatoussaine]

@DET Are you using a fixed Header/Navigation?
This might stop the Anchors from working.

And a link to the actual page would help a lot.

[Richard]

Dear @saschatoussaine

Thank you heaps for jumping on Board and Helping!

Best
Rich

[DET]

@saschatoussaine Thanks for your hint. I tried every possible variation with the header/navigation, but nothing helped. As i mentioned, this website is a commissioned work, wherefore i'm not yet allowed to post the link in public :/

i send the url + login for the wp-admin to info@laytheme.com, but didn't get any answer.
can someone of the admins please have a look on this topic.

[arminunruh]

hey im going to look into this, hope i can make it today.
thanks for your email

[MaxWinter]

I think I have the same problem. On the desktop version it works great, mobile the menu item becomes a Back to Top button?!

Could you possibly share the solution? That would be great! :)

[Richard]

Dear @MaxWinter

Are you able to post a link to your website with the menu-item in question - Also just to be clear - A menu-item on mobile is functioning as a back to top button?

Best
Richard

[MaxWinter]

@Richard-K

Thanks Richard for the quick reply. Of course a back to top button in the menu doesn't make any sense, but this is how the anchors are acting on mobile. I don't know why.

http://studiomiller.co/

Just helping out a friend with his existing website. Nothing special designwise :)

[Richard]

Dear @MaxWinter

There is a scroll to top button hiding on your page - is it possible to delete this first to make sure its not interfering?

Best wishes :)
Richard

[MaxWinter]

Dear @Richard-K

Thanks again :)

This button seems to be there because of a plugin i use to guarantee a smooth scroll. It's called »jQuery Smooth Scroll« Seems like this button is part of the plugin in that's why i was trying to hide it with following code:

#scroll-to-top {display:none !important;}

A friend at the office was helping me because i do not have any clue regarding coding.

So if there would be a solution which guarantees a small scrolling without using this plugin i could get rid of the button i guess.

[Richard]

Dear @MaxWinter

Post number 2:
http://laythemeforum.com:4567/topic/5975/anchor-scroll-dekstop-mobile/2

In this thread uses <script> to create smooth scrolling without the need for a plugin

Does this apply to your needs? :)

Best
Richard

[MaxWinter]

Hey @Richard-K

Now it seems to work, thank you very much. Only trouble i am having is that its now not going exactly there where i want it to scroll to. the violet row has the ID where it should link to but it keeps some space above that. Any idea what the problem might be?

Cheers and thanks again!

[Richard]

Dear @MaxWinter

I do apologise for such a delay!
I see that it works on Desktop however with Mobile because the layout changes due element resizing ( i think ) the scroll position is a little off.

Are you using exactly the same JS as in the post above?

best wishes
Richard

[MaxWinter]

Hey @Richard-K

No worries :)

I think i did. Check those screenshots.

[MaxWinter]

@Richard-K

Hey Richard, any chance you could take a look at it one more time? Would be super great.

Cheers!

[carlastreckwall]

Hi there, having similar issues here with the scroll to anchor. Thanks @MaxWinter for sharing this. Scrolling works fine on Desktop when I select a submenu, it smoothly scrolls to an id. However I can not get it to work on mobile. Nothing happens.

Also I need to set up a different offset for desktop and mobile due to the site's layout. Any ideas?