Anchor links in mobile menu don’t scroll to section on mobile
-
Hi,
I’m running into an issue with anchor links in the mobile menu.
Setup
- Latest Lay Theme
- Homepage has Cover enabled
- Mobile menu contains custom links:
- /#projecten
- /#over
- /#contact
- Corresponding sections have IDs:
- projecten
- over
- contact
Expected behaviour
When tapping a menu item, the mobile menu closes and the page scrolls to the corresponding anchor.Actual behaviour
- The URL updates correctly (e.g. /#over)
- The mobile menu closes visually
- The page does not scroll to the anchor
- The overlay/menu state seems to remain active
- Desktop navigation works correctly
Additional notes
- Tested with both relative URLs (/#over) and absolute URLs
- Anchor Scroll is enabled in Lay Options
- IDs are correctly assigned to the target rows
- The issue only occurs on mobile
- All custom snippets and Custom Code is currently turned off
- Tested on Safari and Chrome (Version 149.0.7827.156)
20 seconden screen recording:
https://www.dropbox.com/scl/fi/geertfkxnwceomnlgijhp/ScreenRecording_06-24-2026-11-11-08_1.MP4?rlkey=kzg0pb3ibmyvm8msynbig3gwl&dl=0Staging URL
https://staging.studiobronx.be/Feel free to inspect the staging site directly.
Could this be related to the mobile menu overlay state or cover-enabled pages?
Thanks!
-
seems like lay theme expects #over or https://staging.studiobronx.be/#over
and /#over doesnt work
will be fixed with the next update
-
seems like lay theme expects #over or https://staging.studiobronx.be/#over
and /#over doesnt work
will be fixed with the next update
Thanks for checking.
Just to clarify: the issue still persists on my setup, even when using full URLs. The mobile menu closes, but the page does not scroll to the anchor correctly.
I’ll leave the topic open for now and wait for the next update regarding the /#anchor fix.
Thanks!
-
ok i understand, ok i will check it out
-
ok i understand, ok i will check it out
@arminunruh
I found the issue.The anchor IDs were present in the desktop layout, but I had forgotten to assign them to the corresponding elements in the mobile layout. Since Lay Theme uses separate desktop and mobile layouts, the mobile page simply had no matching anchor targets.
My bad!
After adding the IDs to the mobile layout, the navigation works correctly.
Thanks for taking the time to look into it!
-
ah thats great!! yes, when you use the custom phone layout, you need the id's there too
Ok, have a great day!