The navigation bar is overlapping the image lightbox popup

The navigation bar is overlapping the image lightbox popup

The header is set to not be overlap by any element. Here you can change this setting.

1) Click into “design” and into “edit html/css”
2) Click into “main_style.css”
3) Here locate this code:

#site-navigation {
background: url('theme/navbg.jpg?1406918818') repeat;
height: auto;
width: 100%;
padding: 0 0 20px 0;
margin: 0;
z-index: 9999;
position: fixed;
top: 0;
-webkit-box-shadow: 0px 0px 10px rgba(66,65,62,0.3);
-moz-box-shadow: 0px 0px 10px rgba(66,65,62,0.3);
-ms-box-shadow: 0px 0px 10px rgba(66,65,62,0.3);
box-shadow: 0px 0px 10px rgba(66,65,62,0.3);
}

4) Change the highlighted code to 999
5) Save your change and re-publish your website

Tags: , ,