A user encountered an issue where header navigation links worked correctly on the homepage but failed to redirect when clicked from other pages (specifically service detail pages). The links were set up to navigate to different sections of the homepage.
Solution Process:
Modified JavaScript code to detect when users are on non-homepage pages
Updated the code to redirect users back to the homepage first, then scroll to the targeted section
Initial fix worked for “About” and “Contact Me” sections but not for “Services” and “Clients”
A comprehensive JavaScript solution was provided to handle all sections
Final Adjustment:
The redirects worked but were cutting off section titles due to the sticky header (73px height) overlapping the content
Additional JavaScript code was added to account for the header height offset when scrolling
Status: Issue resolved. All header navigation links now properly redirect from any page to the correct homepage sections with proper positioning.
Summarized with AI on October 27.
AI used: claude-sonnet-4-5-20250929.
Is it possible to redirect to the top of each topic, it look like it cut the words Client, and also the same about “about”, when redirected from the precious page, it redirect correctly but cut the titles, thank you very much
Actually it was scroll to exactly section with id corresponding, the reason of cut off text is because your header sticky have height is 73px so that over the text.
Let try to add this JS code to whether it can handle the issue for you: