Automatic scroll down

[Artez]

Hi,
I want to click on service on the main Menu and it scroll down to the service section automatically without opening a page. How do I do it please?
https://wmqgez-r2.myshopify.com/

[Laza_Binaery]

Hi @Artez

Welcome to the community.

First thing you need to change links in Menu to target those sections id’s. For example for Service, you need to target other section id or header id like I did in screenshot with #SectionHeading-template–18541339115701__collection_list_TJVYQQ

That will move to right section, but maybe it would need some adjustments so the top of sections nd title is visible.

But for that you need some code, here is one of many examples:

https://codepen.io/ojbravo/pen/npaBdZ

Maybe others will respond with better solutions.

[Dan-From-Ryviu]

Please go to your store admin > Content > Menu > Open Main menu, edit Services, add this value into Link #shopify-section-template–18541339115701__collection_list_TJVYQQ


Then add this code to theme.liquid file to make it a smooth scroll

[Artez]

thank you it make the scroll down but it stop to far, can we set so it stop before the title service ?
Second on mobile, clicking on service scroll down but the menu stay open. is there any way what each time we use the side bar it close the side bar? so we can see it scrolled down to the service?

[Dan-From-Ryviu]

Please update script to this and check again

[Artez]

thank you very much dear, was really helpfull.

[Dan-From-Ryviu]

You are very welcome!