Link homepage section with navigation

Hello everyone. I hope you are all doing well.
If I link the homepage section with navigation via section id, the page scrolls down but the heading is always cut and the page starts with paragraph section.
The following is a good example. Try to click on “About Us” on the website . It will not show the heading about us, but will start from the paragraph. Same with “Contact Us” . Does anyone have a solution for this? Any help would be greatly appreciated.
The code can also be provided.

Store URL: https://02a2d2-3c.myshopify.com/
Password: 1234

Hi @Digital_Imran

You can solve it by adding this code to your theme.liquid file, after in Online Store > Themes > Edit code


1 Like

Thank you so much for the response @Dan-From-Ryviu . However, it only works for one click. After you click again on “Contact us” or “About us” it will show the same. Paragraph first.
Would you be able to assist me in solving this problem? It may be necessary to modify the code. I would greatly appreciate any help you can provide.

Hi, did you added code so I can check?

Yes I added the code :slightly_smiling_face:

I see the issue. Because your header is sticky, it overlaps the head of the section when you click on the menu. Maybe you can change your header sticky after scroll up only to solve the issue.

Thank you so much @Dan-From-Ryviu . After I unchecked the sticky header it solved the problem. By the way, I know about your review app and suggest to my clients because I like its free plan. Better than Loox.

Is there any solution to make it work with a sticky header? Because now I have to scroll up to see the main menu again

1 Like

Hi @Digital_Imran

You can add this script to theme.liquid file, before and check if it work


1 Like

Thank you so much @Dan-From-Ryviu . It works :grinning_face_with_smiling_eyes: . Thanks again.
And your app is awesome :slightly_smiling_face:

1 Like

Thanks and very welcome!