[eindjeParticipant]

Hi guys! 🙂

Quick question.. I can’t figure out why my one page navigation isn’t working @ http://www.visualmarks.nl.

I followed the following instructions: https://community.theme.co/kb/how-to-setup-one-page-navigation/

Only when clicking on ‘contact’ it scrolls down, but even then not to the right section.

Am I missing something really simple?

Thanks in advance!
Cheers

[ChristianModerator]

Hey there,

Please update to X (4.4.1) and Cornerstone (1.2.2) first. If that doesn’t help, please give us access to your WordPress admin.

Thanks.

[eindjeParticipant]

Thanks for your quick reply!

I will update X and Cornerstone and get back to you if it doesn;t work after the update.

Cheers.

[eindjeParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for posting in.

It’s only working for “Contact” because it’s the only menu item that has the existing ID. And it’s #x-section-4

Your other menu items have these #x-section-1, #x-section-2, #x-section-3 which are not available for the reason that you added custom ID for your 3 sections. You added 1, 2, 3 as the IDs of the first 3 sections. Hence, your menu URLs should match like #1, #2, #3 instead of #x-section-1, #x-section-2.

Please note that if you add a custom ID, it will then override the default one.

Please change your first 3 menu item’s URL to #1, #2, #3

And the reason it’s it’s scrolling to wrong offset/position is because your Navigation is set to fixed-top, but you use CSS to override it with static.

Eg.

.x-navbar.x-navbar-fixed-top {
    position: static !important;
}

If you don’t wish to set your navigation to fixed positioning, then simply set it to static at Admin > Appearance > Customizer > Header > Navbar Position, instead of forcing it with CSS that affects the javascript calculation.

Hope this helps 🙂

[eindjeParticipant]

I knew it was something really simple! 😉

Thanks a-lot! 🙂

[ZeshanMember]

You’re most welcome! 🙂

[Author]

Posts