The Missing Contact Page's Full Version

Hi, I am using a theme for a site I’m helping out with. The site is the following: Scratch+Holler.

This site uses a similar theme like this Brooklyn Site. The issue is with Contact link. If you click the What We Do tab, and click the Contact link, the site scrolls down to the Contact section and properly shows the “full page.”

However, I feel something with this theme is broken, because the Contact link on my site doesn’t work. In fact, I’ve found that is a Custom Menu Item of type Section, and has a default URL of #section-contact. Left alone, it does nothing and goes nowhere. I can type in scratchandholler.com/contact-us, and my full page will show. Thus, it’s a missing Contact page, because I cannot find it “ANYWHERE.”

When I edit the URL for custom menu to be #section-contact-us, the link will scroll down, but will not show the rest of the Contact section – it leaves out the form portion. Also, the page is scrollable… but if I hard code the link in the Menu section with /contact-us at the end of the site URL, it’s no longer scrollable within the site… you have to click a link to get out, instead of being able to scroll.

Here’s the code in the HTML:

<nav id="navigation" class="grid-80 hide-on-tablet hide-on-mobile "><ul id="menu-main" class="menu"><li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/" class="external">Home</a></li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/#section-about-scratchandholler" class="external">About</a></li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/#section-our-team" class="external">Our Team</a></li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/#section-our-service" class="external">Service</a></li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/#section-work" class="external">Work</a></li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/#section-happy-clients-2" class="external">Clients</a></li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/blog/" class="external">Blog</a></li>
<li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children external"><a href="http://scratchholler/#section-elements" class="external">Elements</a>
<ul class="sub-menu">
	<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/typography/" class="external">Typography</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/common-elements-2/" class="external">Common Elements</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/interactive-elements/" class="external">Interactive Elements</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/icon-variants/" class="external">Icon Variants</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page external"><a href="http://scratchholler/media/" class="external">Media</a></li>
</ul>
</li>
<li  class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-30 current_page_item external"><a href="http://scratchholler/#section-contact-us" class="external">Contact Us</a></li>
</ul></nav>

Every other link with a <section id="section-name"> and a <a id="link-name"> works, except for the Contact section. Can anyone tell me what’s going on, and where in the PHP files I can go to stop it if possible. Thanks.