Here is the link you requested:
This is the HTML Code:
<header id="header-10">
</div><!-- /.header-10-top -->
<!-- MAIN NAVIGATION -->
<div class="header-10-main">
<div class="container">
<div class="row">
<div class="header-10-logo col-lg-3 col-md-3 col-sm-3">
<a href="#"><img src="img/logo.png" alt="Home 10 Main Logo"></a>
</div><!-- /.header-10-logo -->
<div class="header-10-nav col-lg-9 col-md-9 col-sm-9">
<nav class="navbar navbar-10 navigation-10" role="navigation">
<ul onClick="" class="zetta-menu zm-response-switch zm-effect-slide-top">
<li class="zm-active zm-content-full first">
<a href="#">
Home
</a>
</li>
<li class="zm-content-full">
<a href="#">
Sliders
</a>
</li>
<li class="zm-content-full">
<a href="#">
Pages
</a>
</li>
<li>
<a href="#">
Portfolio
</a>
</li>
<li class="zm-content-full">
<a href="#">
Elements
</a>
</li>
<li>
<a href="#">
Blog
</a>
</li>
<li class="last">
<a href="#">
Contact
</a>
</li>
</ul><!-- /.zetta-menu -->
</nav><!-- /.navbar-10 -->
</div><!-- /.header-10-nav -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.header-10-main -->
</header><!-- /#header-10 -->
If either 'header-10-main' or 'header-10-nav' are removed, it resolves the issue.
When the resolution is below 1370px, there is a horizontal scrollbar present. I have inspected all elements but none of them exceed the body. Applying 'overflow:hidden' does fix the issue, but then the dropdowns do not work.
Any assistance on this matter would be greatly appreciated.