One page menu links

I’m having trouble understanding understanding how to get my menu to link to sections of my page:

http://intheblack.flywheelsites.com/

I know there’s this support article which does go over how to use Cornerstone to do just that, but in all honesty, it’s one of the most confusing things I’ve seen written on this site. It’s not really written for the non-techy.

All I want to do is link the menu to each major section.

For example, the menu item “How We’re Different” should link to the section of the same name. I was going to use /#different for the address/link.

In the article it mentions using the [x_section] shortcode and this markup.

I have no idea where these go and if both of them are used, nor how they are used.

Thanks!

Brian

Hey Brian,

Thanks for writing in!

1.) Please remove this custom css first because it is not necessary:

.home .x-main.full {
    margin-top: -100px;
}

You have that code because you wanted the logo to be closer with the menu. That code created a conflict instead where in you can no longer click on the menu items. What you will need to reduce is the 12% padding which you had set in the section settings.

2.) And it comes to your issue of linking the menu items to the section. Please edit the homepage and click in the section. The section settings will display and scroll to the ID, Class and Style fields. In the ID field, insert your custom-section-ID so that you can use it in your link as #custom-section-ID. http://prntscr.com/gacm4v
Please keep in mind that ID must be unique.

Hope this helps. Please let us know how it goes.

Perfect!

One other question: how do I get the menu items to show up right? When I’m in the page edit mode this is how the menu items display (correctly):

But in the live mode it shows up:

How do I get this fixed?

Brian

Hi There,

On your menu items you should have just the relative links and not absolute links

so replace :

http://in-theblack.com/#different

with

#different

Also make sure, when you click edit page you have on wordpress classic editor, One Page Navigation active with the menu you have created selected.

Hope it helps

In the Pro interface it is hidden in the secret customize menu, LOL I searched 30min for that shit haha

In my opinion the Customize box should be at the bottom of the section selection. It is not obvious that Customize is a different menu. And you should add the screenshots to https://theme.co/apex/forum/t/features-how-to-setup-one-page-navigation/96 :slight_smile:


Hi @Thommynat0r,

Thanks for writing around! We certainly appreciate the valuable feedback! We’ll add it as a feature request.

Thanks!