Link a section in menu bar to a section in homepage

[cutestyou]

Hello everyone, I would like to have the FAQ in my menu bar link to the FAQ part in Homepage. It's like when the customers click FAQ in the menu, it will go down to FAQ part in the homepage, not a seperate page. Please help me. Thanks.

My url is cutestyou.com

PW: ayesho

[WinxDigital · Accepted solution]

Not sure how technical you are, but it just needs you to add an ID on one of the elements

so this is taken from your main wrapper around the homepage FAQ

div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width"

If you change that to

div id="faq" class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width"

and then change your link in your menu to be either /#faq or https://cutestyou.com/#faq then this should give you the desired result

[cutestyou]

hi, where can i find this code? thanks

[WinxDigital]

it is in your styling, and depends how you put it together to how you can edit

I looked on your page more for any ID's to show you an example

You have a section ID of shopify-section-template--16181882487040__16589854109be3c9d7

so therefore, if you put this in your browser and hit enter, it should take you to that exact place

My suggestion is to name an ID more aptly, but this does quickly offer a solution

https://cutestyou.com/#shopify-section-template--16181882487040__16589854109be3c9d7

[cutestyou]

hi @WinxDigital , thank you so much, i've figured it out and it worked perfectly.

[ProNoob]

Thank you for this!

I edited the theme liquid for the relevant section, then changed the link in the menu to the home page url / #new ID. Not sure that's the spot on way to do it but it worked out.  

Thanks again for the help. Keep it up!