Adding OnePage Menu Item and #Anchor

I would like to do the following.

1. Rename the following onepage menu anchors:

#gkHeader to #services
#gkBottom1 to #about
#gkBottom1-3 to #contact

2. Add some additional anchors
#social
#shop
#advertise

3. Create a new top menu items called "Social", "Shop", and "Advertise" and link them using the new anchors, when they are clicked they jump to the proper position on the home page.

Please tell me what files need to be modified to make this happen.

Thank you.

Its not that easy, because anchors use template hardcoded ID's of elements (for example You see #gkHeader, and Your browser tries to scroll to element with id="gkHeader")

You can try to fix this, by using custom HTML module editor, and placing empty div's with ID of Your chosing inside elements You would like to scroll to:

Code: Select all

<div id="services"></div>


One thing that is important - disable tinyMCE, by changing global editor to "no Editor" while editing any module.