A user encountered an issue where header navigation buttons worked correctly in edit mode but failed to scroll to the correct page sections on other devices. Specifically, the “About” and “Contact Me” buttons were not functioning.
Initial diagnosis:
Multiple users identified that menu links were missing the “#” symbol before section IDs
One user suggested using full Shopify section IDs (e.g., #shopify-section-template--18541339115701__contact_form_KVKcFb)
Attempted fixes:
Adding “#” to menu links did not resolve the issue
The user struggled to locate where to properly configure the section IDs
Solution:
BiDeal-Discount provided custom JavaScript code to insert into header.liquid, which successfully fixed the scrolling behavior across all devices.
Outcome:
The issue was resolved. The original poster offered to support BiDeal-Discount, who shared a “buy me a coffee” link and suggested installing their Shopify app for bundle discounts, though the user noted it wasn’t relevant for their service-based business.
Summarized with AI on October 27.
AI used: claude-sonnet-4-5-20250929.
You can buy me a coffe or install my Shopify app BiDeal Bundle Volume Discounts , This app will support you create the bundle discounts & boots sales with Free shipping + Free gift with purchase on cart progress bar, otherwise you can use mix & match feature.
Btw, let me know if you need any other assistance. I always here to ready support you.