After incorporating a slideshow into my website, I noticed an unusual gap above my navigation bar. I am unsure how to resolve this issue. I attempted to use the same solution as last time when this occurred but unfortunately it did not work.
If you would like to take a look, I have set up a JSfiddle: https://jsfiddle.net/7yj8rkbe/
Here is the HTML for my navigation bar:
<img src="img/Logo.png" id="logo">
<li>
<a href="#">Other</a>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
<li>
<a href="#">Store</a>
<ul>
<li><a href="#">Official</a></li>
<li><a href="#">Community</a></li>
</ul>
</li>
<li>
<a href="#">Projects</a>
<ul>
<li><a href="#">Official</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Open Source</a></li>
</ul>
</li>
<li>
<a href="#">Forum</a>
<ul>
<li><a href="#">Programming</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Gaming</a></li>
</ul>
</li>
<li>
<a id="nav-home" href="#">Home</a>
</li>
</ul>