I obtained the Fancybox plugin from to utilize for opening my gallery images in a popup.
Additionally, I implemented a fixed navigation feature when scrolling.
The issue I am facing is that when I click on the images, they open in a popup window which is fine. However, the fixed navigation menu continues to appear on the popup window.
![problem][1]
HTML code for Navigation Menu
<div class="nav-container">
<div id="nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#shop">Shop</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#facilities">Facilities</a></li>
<li><a href="#terms">Terms</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
Javascript code for Navigation Menu
jQuery("document").ready(function($){
var nav = $('.nav-container');
$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});
});
Due to this navigation issue, users are unable to close the popup window. I request assistance from you all in resolving this problem.