How do I add two anchor links on my website's home and About Us pages?

Store Design

Topic summary

A user needs help implementing anchor links on their homepage and About Us page to scroll down to a contact form section when buttons are clicked.

Current Status:

  • Homepage anchor link is working correctly
  • About Us page anchor link has issues and doesn’t scroll to the correct section
  • Mobile version also displays incorrect behavior

Technical Solution Provided:
Add the section ID #shopify-section-template--20754507891017__contact_form_4FrfRH to button links. For the About Us page, use #shopify-section-template--20754507891017__contact_form_M9Hw9i.

Identified Problem:
A text-and-image section with a visibility effect (invisible until scrolled into view) is interfering with the anchor scroll functionality. This theme-level issue prevents smooth scrolling on first click, though it works after the section loads or after clicking the button multiple times (3 clicks).

Resolution:
The issue cannot be fixed with quick code adjustments due to the theme’s animation effects blocking proper scroll behavior. The discussion remains open with this technical limitation unresolved.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
2

Homepage Link: https://47e262-3.myshopify.com/#shopify-section-template–20754507891017__contact_form_4FrfRH

About Us: https://47e262-3.myshopify.com/#shopify-section-template–20760022221129__multi_column_rFzAFt

(Don’t see a contact form on the about us page, link goes to bottom of page)

Hope that works for you!
@biznazz101