[OrgablueParticipant]

Hi there,

after some trial and error, I managed to make the links work on the menu, so I can select a specific section on the page. (incase anyone is reading this thinking how to do it, you have to give your section a separate ID in cornerstone. The way to do this is;

1. Set up the new page and add a section.
2. Select that section, at the bottom theres a switch button (between home and mobile button) select that and choose ADV. CONTROLS.
3. Scroll down in that cornerstone panel and you’ll see ID.
4. Name the Section with an ID, for this example i’m going to call it ‘PURPLE‘
5. When adding a menu, add a custom link, like this http://www.yourdomain.com/your-page/#PURPLE
6. Hey presto, it should be done 🙂

Okay. So my only problem now is, after doing this, when I select any of the options I have set to link to the section, the sub-menu appears to think I am on all pages. (it has all pages highlighted.

The website I am building this on is http://www.vacatecollective.com, it is password protected, so I will add the password in the next message.

Thanks for your help in advance!

Tom

[OrgablueParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

Thanks for writing in.

Could not check your setup further because it is showing forbidden not a password protected site.

Please share us your admin credentials also so could check your setup.

Don’t forget to set it as private reply.

Thanks.

[OrgablueParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

If you’re implementing one page navigation to a specific page, then you should have two types of menu.

1. Primary Menu that uses absolute URL (eg. http://vacatecollective.com/event-calendar/#April ). And this menu is the one assigned as global menu and for external pages.

2. One page menu that uses relative URL (eg. #April ), this menu is the one assigned to this page http://vacatecollective.com/event-calendar/ as one page.

The idea is that, if you’re already on same page, then there is no need to link externally as http://vacatecollective.com/event-calendar/#April, it just need to link at #April

Hope this helps.

[OrgablueParticipant]

Hi there,

Thanks for that message, I kind of get it..

So are you saying, on all other pages EXCEPT /event-calendar, the ‘Primary Menu’ should be used, which directs customers to http://www.vacatecollective.co.uk/event-calendar/#April.

So say I was on the page ‘contact us’, when I select the section I want to be in of the events calendar, e.g ‘April’, it takes me to April on that event calendar.

Then, when on the page /event-calendar, the menu completely changes (new menu set up via Dashboard), where the links are set as #April, to a one-page menu that is usually hidden when on other pages.

I get the mechanics (i think), but I don’t understand how to implement it. Would I use some CSS like;

.page-id-8508 PRIMARY MENU DIV {
display : none;
}
.page-id-8508 EVENT CALENDAR MENU DIV {
display : inherit; ((or whatever calculates to show that specific menu?))
}

Thanks

Tom

[OrgablueParticipant]

After a few minutes I did understand what to do, for those of you looking what to do, follow this instruction (basically) https://www.youtube.com/watch?v=dlZS2a3y_20

Make an additional menu to the existing menu you already have (you can duplicate it with a plugin called, Duplicate Menu) then edit the url to only say #section (instead of the full URL ‘www.yourdomain.com/page/#section’).

Once you have done that, go to Cornerstone on that page, choose the Settings panel, then X settings, then below One Page Navigation, choose to duplicate menu you just set up (with the links being #section-1, #section-2…..) and thats it.

Then it works like a charm! Even tells you what section you are on, whilst you scroll. Epic!

Thanks X Theme, yet again!

[Paul RModerator]

You’re welcome and glad you were able to figure it out! 🙂

[Author]

Posts