Menu anchor link doesn't work on mobile
All of the anchor links in my menu scroll to the correct section but the "Contact Us" button doesn't work on mobile.
I have the contact section built out twice: One for desktop, the other for tablet & mobile. The section ID for both sections is "contact." The menu button links to #contact
Why isn't the anchor link working on mobile?
Comments
Hi,
You cannot have two sections with the same ID (even when one is hidden).
Please see the following video tutorial:
https://support.muffingroup.com/video-tutorials/
Best regards
Can you check the link you just sent? You didn't link me to a specific video.
How do I handle naming conventions for the sections if I have the same section laid out differently for mobile vs desktop?
Sorry for that. I meant the following video tutorial:
https://support.muffingroup.com/video-tutorials/do-never-again-use-same-ids/
It is explained there how it should be done.
Best regards
It's still not working.
So this is what I've done:
I changed the section IDs to be unique. The mobile ones are now what-we-do-mobile, about-mobile, contact-mobile
I created a new menu for mobile. I assigned the mobile menu via be theme options - responsive - header
The mobile "contact us" menu link still doesn't work on mobile
I got it to work. I changed the ID one more time and that did the trick for some reason.
Great to see that you handled it.
Can I help with anything else?
Best regards