Goal: Make the “Learn More” button scroll to the “Real Flowers = Real Problems” section using an in-page link (no custom Liquid), ideally with smooth scrolling.
Solution applied: The button URL was set to the section’s anchor (Shopify section ID), e.g., https://blossomvase.com/#shopify-section-template--23666503582008__rich_text_PbkpYp. This successfully navigates to the target section without custom code.
Follow-up issue: The scroll position isn’t precise—after clicking, the heading isn’t positioned directly below the header (likely due to the sticky/header height). The requester wants the target text to align exactly under the header.
Evidence: Attached screenshots illustrate desired vs. current scroll position; visuals are central to understanding the alignment issue.
Status: Partially resolved. The anchor link works; fine-tuning the scroll offset/alignment is still open, with no final guidance yet provided.
This is my website blossomvase.com
I want to make the “Learn More” button a scroll button, so that when you click on it, it smooth scrolls to the “Real Flowers = Real Problems” section of the website page.
I want to do this without making a custom liquid section. I just want to redirect the URL of this button to the section ID for the “Real Flowers = Real Problems” part. Some help would be appreciated.
Hey @salil2000
Just simply add this link in your Learn More button and it should be good to go then.
https://blossomvase.com/#shopify-section-template--23666503582008__rich_text_PbkpYp
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
