Hi there,
As Mukesh said just add a z-index to the parent div. For your site simply replace :-
.main-navigation {
background: none repeat scroll 0 0 #548FCA;
border-bottom: 1px solid #CC0000;
display: block;
float: left;
margin: 0 auto;
opacity: 0.9;
position: fixed;
width: 100%;
}
.main-navigation {
background: none repeat scroll 0 0 #548FCA;
border-bottom: 1px solid #CC0000;
display: block;
float: left;
margin: 0 auto;
opacity: 0.9;
position: fixed;
width: 100%;
z-index: 1;
}
as you will see I simply added z-index: 1; to the css for the div.
Hope this helps
J
Thanks a lot J, it worked.
No problemo, glad it helped
Hey J,
Did you noticed after adding z-index: 1;
header logo is showing behind the navigation. How i fix that?