Hey guys,
— FYI
I updated Lay Theme to the latest version 3.4.2, but it's not solving my problem.
Anchor scrolling on mobile devices worked fine with version 3.3.9
— ISSUE
The home page is built like a onepager with different sections (about - services - work - contact) and has also some links to other pages. In the menu i have set 4 individual links with the complete URL of the start page + the Row ID (e.g. https://mydomain.com/#about). The ID for the anchor is set on the equivalent row.
— Desktop:
- In Google Chrome everything works almost fine, besides that smooth scrolling is only working when i add following custom css:
html {
scroll-behavior: smooth;
}
- In Safari the smooth scroll for anchors doesn't work for the home page – it simply jumps to the section. But it works for anchors on different pages for which i set following custom <head> i found in the forum:
<script>
window.laytheme.on('newpageshown', function(){
if(window.location.hash.length > 0){
var id = window.location.hash;
if(jQuery(id).length > 0){
jQuery('html, body').animate(
{ scrollTop: jQuery(id).offset().top },
{ duration: 1200 });
}
}
});
</script>
— Mobile:
- I use the same menu for mobile as well as the desktop version, but nothing works
- If I tap on 'About' on the home page nothing happens - the menu stays open and I'm not navigated to the section
- On other pages if I open the menu and tap 'About' it just takes me back to the home page but not the relevant section
I am truly desperate, because i searched the whole forum for answers and saw that many others have same issues but i didn't find any solution that worked for me, instead of the codes above.
Since the website is a commissioned work, i'm not allowed to post the link in public but i'll send you all relevant information to info@laytheme.com, hoping you guys can help me.
Cheers
Daniel
