Examples:
This page uses relative “#DIV_ID” urls in the custom menu link.
http://wh1.tomohost.com/~threekey/about-us/

This page uses absolute “http:/www.domain.com/#DIV_ID” urls in the menu.
http://wh1.tomohost.com/~threekey/our-process/

This page uses onClick events to trigger the hash link. It works fine, but clicking on the URL doesn’t provide the smooth scrolling I’d expect from one page navigation.
http://wh1.tomohost.com/~threekey/about-us/the-team/

Do you have any suggestions on how to fix this? I’ve tried lots of different scripts to force a hash change event, but nothing works. Since I can’t use onClick in the custom link of the menus, that is not an option. Thanks so much.

The issue is that you add id to headlines, while you should wrap the whole related section in a <div> with that id.

It should be like the example :

<div id="site-selection">
<h4 class="h-custom-headline h3"><span>Site Selection</span></h4>
<div class="x-text"><p><span style="color:#e2231a">Three Keys Development</span> is committed to the principles of sound decision-making at the most fundamental of levels — specifically, the ground level. Our search begins with and is limited to stable, affluent communities marked by strong desirability, sustainable real estate market rates and appreciation, high demand, limited availability and appeal among individuals of a high net worth.</p>
<p>We take a comprehensive approach to property selection and purchase. Working in concert with real estate brokers, appraisers, financial analysts, and the building community, we blend professional expertise with financial analytics, including land appraisals, population and income growth, expected valuation increase and valuable attributes of the terrain to identify premium properties of promising valuation growth. </p>
<p>Our adherence to the highest of standards of exclusivity and area stability has proven key to our success in providing investors with sound investment opportunities offering impressive upside.</p>
</div></div>

Hope it helps.

Please ignore our previous reply. This issue looks more likely related to your sidebar menu (About Us menu). Are you using any custom JS code that is disabling the default functionality of that menu’s links? If so, I’d advise removing it, and seeing if it resolves the issue.

Let us know how it goes.

Thanks!

(function(a){var b={init:function(b,c,d){this.numWords=c||1,this.config=a.extend({},a.fn.styleWords.defaults,d),this.el=b,this.$el=a(b),this.updateHTML()},updateHTML:function(){var a=this;this.$el.html(function(b,c){return a.createWrapper(c)})},createWrapper:function(b){var c=b.split(" "),d=this.config.tag,e;return delete this.config.tag,e=a(d,this.config).text(c.splice(0,this.numWords).join(" ")),e=a("<div>").append(e).html(),[e].concat(c).join(" ")}};a.fn.styleWords=function(a,c){var d=Object.create(b);return this.each(function(){d.init(this,a,c)})},a.fn.styleWords.defaults={tag:"<span>","class":"firstWordEM"}})(jQuery)

jQuery(function($) {
  $('li.firstWord a').styleWords();
});

This issue looks related to the CSS code you have in your child theme’s style.css file. If I disable the styling from that file, links work just fine. So, I’d advise to start by removing your child theme CSS changes, then slowly adding them back to identify which code is the issue. That way you can find the issue and adjust the CSS accordingly.

Thanks!