
A Note To Theme Developers and Front End Codersĭear theme developers, do not use javascript to change the basic function of the browser. I recommend you find the smooth scrolling box and turn that off.Ĭlick the Save Changes button at the top of the page when you’re done.

It is turned off by clicking the green slider seen below so that it turns grey for disabled. Search through all of the boxes for Scroll Effect and disable it. Go under Theme Panel on the left-side menu and choose Styles & Scripts. The answer is to login to your WordPress Dashboard. For whatever reason, this javascript breaks the function of navigation menu links that have a pound sign in them. OceanWP has javascript for some kind of smooth scrolling effect. The Problem With OceanWP and Elementor Anchor Menus In the WordPress menu dashboard, you can create Custom Link menu items that have #tagname as the URL to create the inner page scroll effect from your main menu. The main thing to remember is the link uses the hash mark (pound sign) and the CSS id does NOT have it. Then you create a link with a hash mark in front of the tagname like so: Then somewhere in the middle where you want to hop, add a CSS ID to that section. Page builders like Elementor make this especially easy. This type of navigation is easy to achieve with HTML id attributes and #name href locations. The navigation menu links scroll you to various sections of the page. Sites like this usually still have a traditional navigation menu. Single page websites are sites where all of the content is on the same page.

I want to make the answer for this OceanWP theme broken navigation link problem easier to find.

File this under problems that are hard to google.
